使用jquery为具有子级的父级添加类

Question

我如何才将课程仅添加到有孩子的li家长？

<ul>
    <li><a href="#">parent</a></li>
    <li><a href="#">parent</a>
    <ul>
        <li>child</li>
        <li>child</li>
    </ul>
</ul>

Answer 1

$('li > *').parent().addClass(...);

或

$('li').has('*').addClass(...);

如果您这样做，第一个版本可能会略微加快：

$('li > :first-child').parent().addClass(...);

......虽然没有经过测试但很难说。

所有这些都使用完全有效的CSS选择器。

Answer 2

$('li:has(ul)').addClass('test-class');

我喜欢简单的jQuery制作一些东西。

以上是上述代码的jsfiddle：http://jsfiddle.net/p9M73/

以下是:has()的文档：http://api.jquery.com/has-selector/