jQuery - 从Div内容中选择父li

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" );

这正确地强调了包含单词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");

应该做的伎俩