Nhận con cuối cùng của từng phụ huynh với jQuery

Question

Có cách nào dễ dàng để chọn li cuối cùng của từng danh sách này với jQuery không?

<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> 

Tôi đã thử hai phương pháp đó nhưng cả hai đều chỉ trả về một phần tử.

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

Tôi sẽ sử dụng CSS: cuối cùng con pseudo-class nhưng kể từ khi nó được giới thiệu trong CSS3 và IE8 không hỗ trợ nó, tôi không thể

Answer 1

Tôi sẽ sử dụng CSS: cuối cùng con pseudo-class nhưng kể từ khi nó được giới thiệu trong CSS3 và IE8 không hỗ trợ nó, tôi không thể

Bạn có thể vì bạn đang sử dụng jQuery để chọn các phần tử của bạn, vì jQuery thực hiện nó để các trình duyệt không hỗ trợ nó trong CSS vẫn có thể sử dụng nó:

$("ul li:last-child") 

Answer 2

Bộ chọn :last-child là những gì bạn cần. Logic giống như bộ chọn CSS3 :last-child, nhưng bạn có thể tự do sử dụng nó trong jQuery vì jQuery sẽ cung cấp cho bạn ngay cả khi công cụ CSS của trình duyệt không hiểu nó.

$("ul li:last-child") 

Từ các tài liệu:

Trong khi :last trận đấu chỉ là một yếu tố duy nhất, :last-child thể phù hợp hơn hơn một: một cho mỗi phụ huynh.

Nice little demo attached

Answer 3

Giải pháp:

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

Kiểm tra Fiddle này: http://jsfiddle.net/ganeshprabhu1994/surve/2/