Как ссылаться на родителя, используя текст ребенка?

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

Попробуйте это:

var parnt =$("h2:contains('Recipe Test 2')").closest("li");

Answer 2

Вы можете попробовать:

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

JS Fiddle demo .

Рекомендации:

• :contains().
• closest().