从<ul>的孩子<li>获取<li>与孩子<ul>

Question

我在这里有一个非常简单的菜单示例:

<ul id="1">
    <li><a href="#">First</a></li>
    <li><a href="#">Second</a>
    <ul id="2">
        <li><a href="#">Second - 1</a></li>
        <li><a href="#">Second - 2</a></li>
        <li><a href="#">Second - 3</a>
        <ul id="3">
            <li><a href="#">Aaa</a></li>
            <li><a href="#">Bbb</a></li>
            <li><a href="#">Ccc</a></li>
        </ul>
        </li>
    </ul>
    </li>
    <li><a href="#">Third</a></li>
</ul>

我需要得到<li>一个孩子<ul>,这是一个孩子,<ul>谁是孩子<li>,并应用它的风格.

我知道这听起来很复杂,但在上面的例子中,我想只得到<li>一个说"二 - 3",这是一个ul里面的孩子,有一个孩子的ul.我不想得到任何其他<li>的.

如果没有得到"第二"的李,我就不能这样做,我不希望这样.

$("li > ul").addClass('whatever');

Answer 1

使用 $("li ul li:has(ul)")

例如:

$(function(){
    var items = $("li ul li:has(ul)");
    alert(items.html());
});

工作示例:http://jsfiddle.net/EXzaa/