jquery - 使用 jQuery 获取每个父级的最后一个子级

Question

是否有一种简单的方法可以使用 jQuery 选择每个列表的最后一个 li？

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<ul>
    <li>1</li>
    <li>2</li>
</ul>

我尝试过这两种方法，但它们都只返回一个元素。

$("ul li").last()
$("ul li:last")

我会使用 CSS :last-child 伪类，但由于它是在 CSS3 中引入的，而 IE8 不支持它，所以我不能

Answer 1

I would use the CSS :last-child pseudo-class but since it was introduced in CSS3 and IE8 doesn't support it, I cannot

您可以，因为您使用 jQuery 来选择元素，因为 jQuery 本身实现了它，因此 CSS 本身不支持它的浏览器仍然可以使用它:

$("ul li:last-child")