jquery - 如何在 jquery 中的 div 内的特定跨度上获取选择器？

Question

假设我有以下内容:

<input type="text">
<div id="listofstuff">
    <div class="anitem">
        <span class="item name">Dog</span>
        <span class="itemdescription">AboutItem1</span>
    </div> 
    <div class="anitem">
        <span class="item name">Doodle Bird</span>
        <span class="itemdescription">AboutItem2</span>
    </div>
    <div class="anitem">
       <span class="item name">Cat</span>
       <span class="itemdescription">AboutItem3</span>
    </div>
</div>

我想使用 jQuery 选择器来获取 <div> ( .anitem ) 包含 <span>项目名称为“猫”。

我以为它会像下面这样，但它不起作用。

$('#listofstuff').find('.anitem div span:contains("Cat")');

我做错了什么？

Answer 1

你需要使用 :has 伪类来通过其后代获取元素:

$('#listofstuff .anitem:has(span:contains("Cat"))')

Here's a demo.