JQuery - Выберите родительский ли от содержания Div

Question

Я пытаюсь выбрать родительский LI в зависимости от того, что находится внутри DIV, вот где я в настоящее время ...

http://jsfiddle.net/qYdwR/1257/

<ul> 
    <li> 
    <div> 
     Myitem 
    </div> 
    <div> 
     John Resig 
    </div> 
    </li> 
</ul> 

$("div:contains('John')").css("text-decoration", "underline"); 

Это правильно подчеркивает DIV, содержащий слово Джон, теперь я хочу, чтобы применить некоторые стили к родительскому литий, который содержит этот Див

Answer 1

Используйте .parents() или .parent()

$("div:contains('John')").parents("li:first").css("text-decoration", "underline"); 

другой способ: использование ": есть"

$("li:has(div:contains('John'))").css("text-decoration", "underline"); 

Answer 2

Использование closest путешествовать и найти ближайший предок, который соответствует селектор:

$("div:contains('John')").closest('li').css("text-decoration", "underline") 

Answer 3

$("div:contains('John')").css("text-decoration", "underline").parent().css("background-color", "green"); 

Если сделать трюк