使用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/