如何使用 jQuery 选择嵌套列表的叶元素

Question

我只需要选择嵌套列表的叶链接元素
示例 HTML

<ul>
    <li>folder
        <ul>
            <li>><a class="t-link" href="">folder</a>
                <ul>
                    <li><a class="t-link" href="">leaf 1</a><li>
                    <li><a class="t-link" href="">leaf 2</a><li>
                </ul>
            </li>            
        </ul>
    </li>
</ul>

因此，在此示例中，我想选择两个叶链接，但不选择文件夹链接 文件夹可以无限深度嵌套（但通常只有 2-3 层）。我想我需要寻找不包含 ul 元素的 li 元素，但我看不到你如何在 jQuery 中做到这一点

Answer 1

这将选择没有其他无序列表的叶节点作为子节点：

$("li:not(:has(ul))")

带有颜色编码示例的快速 jsFiddle： http://jsfiddle .net/rFuUc/

Answer 2

$('.t-link').parent().find(' ul .t-link')

应该有效。

Answer 3

尝试

$('li').each(function(){
    if($(this).children('ul').size() == 0)
    {
        alert($(this).find('a').text());        
    }
});

DEMO