jQuery - 选择列表中最后一个 LI 的每个 UL

Posted 2023-03-05

【中文标题】jQuery - 选择列表中最后一个 LI 的每个 UL

【英文标题】：jQuery - Select EVERY UL of last LI in list

【发布时间】：2011-03-10 04:39:28

【问题描述】：

我正在尝试格式化我的项目列表，其中 html 如下所示：

<ul class='product_list'>
<li>Item 1
    <ul>
        <li>Item 1.1</li>
        <li>Item 1.2
            <ul>
                <li>Item 1.2.1</li>
                <li>Item 1.2.2
                    <ul>
                        <li>Item 1.2.2.1</li>
                        <li>Item 1.2.2.2</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>Item 1.3</li>
    </ul>
</li>
<li>Item 2</li>

等等，希望你明白，它可以深入无限次，现在，我需要在列表的任何 UL 中选择和格式化每个 LAST LI 的 UL。

你有什么想法吗？我已经坚持了两天了，我想出的所有东西都有一些“但是”，当它不起作用时。 =/

迈克

【参考方案1】：

试试：

$("li:last-child > ul").css("border", "1px solid red");

演示：http://jsfiddle.net/2NVB7/

【参考方案2】：

CSS/jQuery 选择器：li:last-child > ul

请注意，compatibility issues 带有 CSS。