jQuery - 查找具有特定类的孩子答案

【问题标题】：jQuery - find child with a specific classjQuery - 查找具有特定类的孩子
【发布时间】：2020-06-18 14:55:50
【问题描述】：

我正在尝试编写代码来搜索所有子项以查找具有特定类的 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 内的文本的任何想法。

提前致谢。

已添加评论，最初并没有很好地解释这一点）

【问题讨论】：

对不起，我没有正确解释这一点。我的 $(this) 是上面所有孩子的父母，一个外部 div。我需要找出哪个孩子有一个 bgHeaderH2 类。所以我需要做 $(this).something
在下面查看我修改后的答案...

标签： javascript jquery

【解决方案1】：

$(this).find(".bgHeaderH2").html();

或

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

【讨论】：

感谢 Ryan 的更新，这与 Jan 的其他建议一样有效。

【解决方案2】：

根据您的评论，修改以下内容：

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

到：

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

关于选择器的更多信息：https://api.jquery.com/category/selectors/

【讨论】：

您应该始终使用类选择器，例如 'div.bgHeaderH2' 否则会有性能损失，请参阅componenthouse.com/article-19
@Dave：很棒的提示！在我写这篇文章时没有想到这一点:)
这个答案真的是“在页面中找到具有特定类的任何元素”。 Ryan 的回答更适合于查找具有特定类的某个 div 的孩子的问题。
@DaveAnderson 您的链接已损坏，我很想知道为什么它会影响性能
@camdixon 是那篇文章componenthouse.com/tag/jquery，但自从我 7 多年前发表评论以来，发生了很多变化，选择器也得到了很好的优化。这里有几个链接可以查看更新的链接； Selector for best performance in jQuery, Optimise Selectors

【解决方案3】：

我不确定我是否正确理解了您的问题，但如果此 div 是其他 div 的子级，则无关紧要。您可以使用以下代码从所有具有 bgHeaderH2 类的 div 中简单地获取文本：

$(".bgHeaderH2").text();

【讨论】：