通过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：最后一个孩子伪类，但因为它是在CSS3介绍和IE8不支持它，我不能

Answer 1

我会使用CSS：最后一个孩子伪类，但因为它是在CSS3介绍和IE8不支持它，我不能

你可以因为您使用jQuery来选择您的元素，因为jQuery自己实现它，以便在CSS中本地不支持它的浏览器仍然可以使用它：

$("ul li:last-child") 

Answer 2

的:last-child选择是你所需要的。与CSS3 :last-child选择器的逻辑相同，但是您可以在jQuery中自由使用它，因为即使浏览器的CSS引擎不理解它，jQuery也会为您提供它。

$("ul li:last-child") 

从文档：

虽然:last匹配仅单个元件，:last-child可以匹配更 多于一个：为每个父之一。

Nice little demo attached

Answer 3

解决方案：

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

检查这个小提琴：http://jsfiddle.net/ganeshprabhu1994/surve/2/