jQuery

Question

ile her ebeveynin son çocuğunu alma jQuery ile bu listelerden her birinin son seçimini yapmanın kolay bir yolu var mı?

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

Bu iki metot denedim ama her ikisi de sadece bir eleman döndürür.

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

Ben CSS kullanır: son child sözde sınıfı ama CSS3 tanıtıldı ve IE8 bunu desteklemediği, Yapamam

Answer 1

Ben CSS kullanmak

: Geçen-çocuk sözde sınıfı ama CSS3 tanıtıldı ve IE8 bunu desteklemediği, Yapamam

yapabilirsiniz jQuery öğelerinizi seçmek için kullandığınız için jQuery kendisini CSS'de yerel olarak desteklemeyen tarayıcıların yine de kullanabileceğinden, bu aygıt şu anda onu kullanabilir:

$("ul li:last-child") 

Answer 2

:last-child seçici ne ihtiyaç vardır. CSS3 :last-child seçici ile aynı mantık, ancak tarayıcının CSS motoru anlamadığı halde jQuery, jQuery'de bunu sizin için sağlayacaktır. belgelerine

$("ul li:last-child") 

: birer ebeveyn için:

:last eşleşmelerinin yalnızca tek bir unsur da, :last-child daha birden eşleşebilir.

Nice little demo attached

Answer 3

Çözüm:

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

et Bu Fiddle: http://jsfiddle.net/ganeshprabhu1994/surve/2/