Add class to parents that have children using jquery

Question

How would I go about adding a class only to the li parent that has children?

<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(...);

or

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

The first version may be marginally faster if you do:

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

...hard to say though without testing.

All of these use fully valid CSS selectors.

Answer 2

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

I love how simple jQuery makes some things.

Here is jsfiddle of the above code: http://jsfiddle.net/p9M73/

Here is the documentation for :has() : http://api.jquery.com/has-selector/