Добавить класс для родителей, у которых есть дети, использующие 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/