通過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/