Question

我有一个列表，里面有嵌套列表，达到无限级别。

所以HTML看起来像：

<ul class="list-group">
    <li class="list-group-item"> 
        <ul class="list-group">
            <li class="list-group-item"> 
                <a href="#">Link</a>
            </li>
            <li class="list-group-item"> 
                <a href="#">Link</a>
            </li>
        </ul>
    </li>
    <li class="list-group-item"> 
        <ul class="list-group">
            <li class="list-group-item"> 
                <a href="#">Link</a>
            </li>
            <li class="list-group-item"> <!-- This should have the class .last -->
                <a href="#">Last Link</a>
            </li>
        </ul>
    </li>
</ul>

嵌套的“li”中的最后一个“ul”应该添加一个“。last”类。

我目前的jQuery如下：

$('ul.list-group li:last-child').addClass('last');

然而，这种情况范围很广，并且会抓住每个“li”中的最后一个“ul”而不是最后一个“li”。

我能否以某种方式遍历每个'ul'以检测大于1的计数器，努力想到要使用的正确逻辑。

Answer 1

使用last()获取中的最后一个元素：

$('ul.list-group li').last().addClass('last');

如果你想要的只是针对嵌套的ul li，请使用

$('ul.list-group ul.list-group li').last().addClass('last');

Answer 2

这可能对您有所帮助

$('.list-group-item:last').addClass('last');

添加.last类以在UL内持续UL和LI

2 个答案: