jquery - 查找子项 h2 文本具有特定值的元素

Question

我认为这非常简单，但我似乎找不到正确的选择器语法。我有这样的 html:

<div class="parent">
    <h2>Summary</h2>
    <p>... bunch of content ...</p>
</div>
<div class="parent">
    <h2>Statistics</h2>
    <p>... bunch of content ...</p>
</div>
<div class="parent">
    <h2>Outcome</h2>
    <p>... bunch of content ...</p>
</div>

我想找到 h2 子元素包含文本“Statistics”的 div。

我尝试了以下各种组合:

$(".parent").find("h2[text='Statistics'").parent()

这不起作用，因为查找返回一个空集。如果我这样做:

$(".parent").find("h2").text("Statistics").parent()

我返回了 3 个元素 - 所有这些元素似乎都是包含统计信息的 div。我可以添加first()，但这看起来有点恶心。查找该项目的正确语法是什么？

Answer 1

用途:

$(".parent").find("h2:contains('Statistics')").parent();

这使用 :contains()选择器。