jQuery:查找包含嵌套 ul 的列表项的文本

Question

我有以下内容:

<ul id="list">
<li>item1
    <ul>
        <li>sub1</li>
        <li>sub2</li>
    </ul>    
</li>
</ul>

我想响应 li 单击事件并在其他地方使用 li 的文本。但是，如果单击的是包含嵌套 ul 的 li，我当然会获取所有元素的文本。

$("#list li").click(function() {
    alert($(this).text());
});

按预期返回 item1sub1sub2。

如果单击项目 1 li，我不知道如何获取“item1”。我尝试了以下(除其他外)但没有运气:

$("#list li").click(function() {
    alert($(this).filter("ul").text());
});

有什么想法吗？

编辑

这是一个示例的片段 - 它可能有多个级别。我也不想将列表项文本包装在跨度或其他标记中。

Answer 1

这种方法怎么样？克隆对象，删除克隆的子对象，然后找到文本内容。

$("#list li").click(function () {
    alert($(this).clone().children().remove().end().text());
}

也许不是最有效的方法，但它完全直观，非常整洁，而且您不必弄乱您的 html。