jQuery-从Div内容中选择父级li

Question

我正在尝试根据div内部的内容选择父级LI，这是我当前所在的位置...

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

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

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

这正确地强调了包含单词John的div，我现在希望它对包含该div的父li应用某种样式

Answer 1

使用closest上移并找到与选择器匹配的最接近的祖先：

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

Answer 2

使用.parents（）或.parent（）

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

另一种方式：使用“：has”

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

Answer 3

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

应该做的把戏