javascript - 如何使用 child 的文本引用 parent ？

Question

在 jQuery 中，如何只引用子元素的 h2 等于“Recipe Test 2”的元素？

<li class="sfnewsListItem">
            <h2 class="sfnewsTitle">
                <a href="#">Recipe Test 1</a>
            </h2>
            <div class="sfnewsMetaInfo">May 23, 2011</div>            
</li>
<li class="sfnewsListItem">
            <h2 class="sfnewsTitle">
                <a href="#">Recipe Test 2</a>
            </h2>
            <div class="sfnewsMetaInfo">May 23, 2011</div>            
</li>
<li class="sfnewsListItem">
            <h2 class="sfnewsTitle">
                <a href="#">Recipe Test 3</a>
            </h2>
            <div class="sfnewsMetaInfo">May 23, 2011</div>            
</li>

Answer 1

你可以试试:

$('a:contains("Recipe Test 2")').closest('h2');

JS Fiddle demo .

引用资料:

• > :contains() .
• > closest() .