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

有没有一种简单的方法可以使用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>

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

：last child

选择器的逻辑相同，但您可以在jQuery中自由使用它，因为jQuery将为您提供它，即使浏览器的CSS引擎不理解它

$("ul li:last-child")

从文件中：

虽然

：last

只匹配一个元素，但

：last child

可以匹配更多元素 多个：每个家长一个

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

您可以这样做，因为您使用jQuery来选择元素，因为jQuery本身实现了它，所以在CSS中本机不支持它的浏览器仍然可以使用它：

$("ul li:last-child")

解决方案：

$(document).ready(function()
                  {
                      $('ul li:last-child').css("color","red");
                  });

---

检查这把小提琴：

我没想到它会这么简单，非常感谢您的解答和解释

$(document).ready(function()
                  {
                      $('ul li:last-child').css("color","red");
                  });