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

Question

我正在尝试格式化我的项目列表，其中 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。

你有什么想法吗？我已经被困在这个问题上两天了，当它不起作用时，我想出的所有东西都有一些“但是”。 =/

迈克

Answer 1

尝试：

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

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

Answer 2

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

请注意，CSS 存在兼容性问题。