[解決済み] jQueryを使用します。オブジェクト HTMLDivElement、値を取得しますか？

質問

こんにちは、私は[オブジェクトHTMLDivElement]を持っていて、その中に使いたいデータがあります。

私は これ . 例えば この.innerHTML .

私のDiv構造は以下のようになります。

<div class="hour"> <!-- <-- my Object referes to this div -->
    <div class="time">2000</div>
    <img class="weather-img" src="image/rain.png">
    <div class="temp">-10</div>
</div>

を抽出したいと思います。 時間 と テンポ の値、つまり 2000 と -10 .

を読ませていただきました。 http://krook.org/jsdom/HTMLDivElement.html のドキュメントを読んでみましたが、これに対する洗練された解決策は見つかりませんでした。 インナーHTML が、もっと簡単な方法があるような気がします。どなたか教えてください。

ANSWER: var time = $(this).find('.time').text();

どのように解決するのですか？

jQueryを使った簡単なものです。

var time = $('.time', this).text(),
    temp = $('.temp', this).text();

コメントで言及された少し長い方法も同様に動作し、jQueryのメソッドを少し連鎖させることを示します。

var time = $(this).find('.time').text(),
    temp = $(this).find('.temp').text();

というクラスを持つ要素が複数ある場合、私のコードは正しくない可能性があります。 time と temp を表示させると、間違ったデータを返してしまう可能性があります。編集前の私の例は、クエリをより適切にスコープする方法を示しています。

var time = $('.hour .time').text(),
    temp = $('.hour .temp').text();

jQuery.text。 http://api.jquery.com/text/