jQuery में अंतिम बाल तत्व का चयन कैसे करें?

Question

jQuery में अंतिम बाल तत्व का चयन कैसे करें?

बस अंतिम बच्चा, इसके वंशज नहीं।

Answer 1

तुम भी ऐसा कर सकते हैं:

<ul id="example"> 
    <li>First</li> 
    <li>Second</li> 
    <li>Third</li> 
    <li>Fourth</li> 
</ul> 

// possible 1 
$('#example li:last').val(); 
// possible 2 
$('#example').children().last() 
// possible 3 
$('#example li:last-child').val(); 

:last

.children().last()

:last-child

Answer 2

:last-child selector का उपयोग करके?

क्या आपके पास एक विशिष्ट परिदृश्य है जिसमें आपको सहायता चाहिए?

Answer 3

$('#example').children().last() 

या इसके बाद टिप्पणी की, जैसे कि आप एक निश्चित वर्ग के साथ एक अंतिम बच्चों चाहते हैं।

$('#example').children('.test').last() 

या एक विशिष्ट वर्ग के साथ एक विशिष्ट चाइल्ड तत्व

$('#example').children('li.test').last() 

Answer 4

आप अंतिम संतान चयन करें और आप चयनकर्ता last-of-type

उपयोग कर सकते हैं तत्व प्रकार पर विशिष्ट होने की जरूरत चाहते हैं यहां एक उदाहरण दिया गया है:

$("div p:last-of-type").css("border", "3px solid red"); 
$("div span:last-of-type").css("border", "3px solid red"); 

<div id="example"> 
      <p>This is paragraph 1</p> 
      <p>This is paragraph 2</p> 
      <span>This is paragraph 3</span> 
      <span>This is paragraph 4</span> 
      <p>This is paragraph 5</p> 
     </div> 

उपरोक्त उदाहरण में एच अनुच्छेद 4 और अनुच्छेद 5 की एक लाल सीमा होगी क्योंकि अनुच्छेद 5 div में "पी" प्रकार का अंतिम तत्व है और अनुच्छेद 4 div में अंतिम "अवधि" है।