Javascript 如何使用jquery查找每个li中的最后一个ul？

我有一张单子

<ul class="mtree default">
    <li class="cat-item cat-item-224 cat-parent mtree-node mtree-open">
        <a href="#" style="cursor: pointer;">Lidingö</a>
        <ul class="children mtree-level-1">

            <li class="cat-item cat-item-444">
                <a href="#" style="cursor: pointer;">Direktåtkomst Förrådslänga</a>
                <ul class="children mtree-level-2">
                    <li class="cat-item cat-item-504">
                        <a>7 kvm (1199 kr/mån)</a>
                    </li>
                </ul>
            </li>

            <li class="cat-item cat-item-314">
                <a href="#" style="cursor: pointer;">Hissplan</a>   
                <ul class="children mtree-level-2">
                    <li class="cat-item cat-item-674">
                        <a href="#">0,5 kvm (349 kr/mån)</a>
                    </li>
                </ul>
            </li>

        </ul>
    </li>

</ul>

---

您知道如何在一个jquery代码中找到最后一个ul.cat-item-444和cat-item-314，然后选择7 kvm（1199 kr/mån）和0,5 kvm（349 kr/mån）？所选标记应具有.css（'border'，'1px solid red'）

要实现这一点，您可以使用

：last child

选择器在每个子级别

ul

中查找最后一个

li

，如下所示：

$（'.cat item>ulli:last child'）.addClass（'foo'）
.foo{
边框：1px纯红；
}














试试这个：


$（'.children.cat item'）。每个（函数（）{
log（$（this.find（'ul:last child li a'）.text（））；
});














使用
.last（）
：


$（'.cat-item-444 ul li'）.last（）.css（'border'，'1px solid red'）；
$（'.cat-item-314 ul li'）.last（）.css（'border'，'1px solid red'）；
调试器














动态版本怎么样：）


$（“.cat项目li:not（：has（'ul'））a”）.addClass（'foo'）
.foo{
边框：1px纯红；
}














你的可能复制品太棒了