jQuery - 找到具有特定类的子项

Car*_*ine 40 javascript 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>
Run Code Online (Sandbox Code Playgroud)

任何想法如何我可以使用类bgHeaderH2获取div中的文本.

提前致谢.

评论补充说,最初并没有很好地解释这一点)

Rya*_*yan 61

$(this).find(".bgHeaderH2").html();
Run Code Online (Sandbox Code Playgroud)

要么

$(this).find(".bgHeaderH2").text();
Run Code Online (Sandbox Code Playgroud)


Jan*_*čič 28

根据您的评论,修改:

$( '.bgHeaderH2' ).html (); // will return whatever is inside the DIV
Run Code Online (Sandbox Code Playgroud)

至:

$( '.bgHeaderH2', $( this ) ).html (); // will return whatever is inside the DIV
Run Code Online (Sandbox Code Playgroud)

有关选择器的更多信息:http://docs.jquery.com/Selectors

  • 你应该总是使用类选择器'div.bgHeaderH2'或者会有性能损失,请参阅http://www.componenthouse.com/article-19 (4认同)
  • 这个答案实际上是"在页面中找到具有特定类的任何元素".Ryan的答案更适合于找到特定班级的某个div的孩子的问题. (2认同)