jquery - 子 ul がある場合、li にクラスを追加します

Question

こんな感じのメニューがあります。

<ul>
<li><a href="id=1">HOME</a></li>
<li><a href="id=2">News</a>
    <ul>
        <li><a href="id=3">News Archive</a></li>
    </ul>
</li>
</ul>

こんな感じにしたい

<ul>
<li><a href="id=1">HOME</a></li>
<li class="hassub"><a href="id=2">News</a>
    <ul>
        <li><a href="id=3">News Archive</a></li>
    </ul>
</li>
</ul>

そのため、li に子がある場合、hassub のクラスを持つことになります。

これを jQuery で追加しようとしました。 fiddle を参照してください。しかし、それはすべてのulliにクラスを追加しています。どこが間違っていますか？

Answer 1

これを試して、1つだけ使用してください$(selector)：

$('ul li:has(ul)').addClass('hassub');

ライブデモ:

http://jsfiddle.net/oscarj24/fNrQE/2/

</p>

Answer 2

試してみてください。

$('ul li').has('ul').addClass('hassub');