web-dev-qa-db-ja.com

jQuery-特定のクラスを持つ子を見つける

特定のクラスを持つdivのすべての子を検索するコードを作成しようとしています。 DIVにはIDがありません。これが私が使用するHTMLです。

<div class="outerBUBGDiv">
<div class="innerBUBGDiv">
<div class="bgHeaderH2">Technology Group</div>
<div class="bgBodyDiv">
<div align="center">
<img height="33" border="0" width="180" src="/heading.jpg"/>
  /////other stuff here/////
</div>
</div>
</div>

クラスbgHeaderH2を使用してdiv内にテキストを取得する方法はありますか。

前もって感謝します。

コメントを追加しましたが、最初はこれをあまり説明していませんでした)

39
Caroline

コメントに基づいて、これを修正します。

$( '.bgHeaderH2' ).html (); // will return whatever is inside the DIV

に:

$( '.bgHeaderH2', $( this ) ).html (); // will return whatever is inside the DIV

セレクターの詳細: http://docs.jquery.com/Selectors

28
Jan Hančič
$(this).find(".bgHeaderH2").html();

または

$(this).find(".bgHeaderH2").text();
61
Ryan

あなたの質問を適切に理解しているかどうかはわかりませんが、このdivが他のdivの子であるかどうかは問題ではありません。次のコードを使用して、クラスbgHeaderH2ですべてのdivからテキストを取得できます。

$(".bgHeaderH2").text();
2
Ondrej Slinták