Jak wybrać ostatni element podrzędny w jQuery?

Question

Jak wybrać ostatni element podrzędny w jQuery?

Tylko ostatnie dziecko, a nie jego potomkowie.

Answer 1

Można też to zrobić:

<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

Korzystając z :last-child selector?

Czy masz konkretny scenariusz na który potrzebujesz pomocy?

Answer 3

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

lub jeśli chcesz ostatnich dzieci z danej klasy, jak skomentował powyżej.

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

lub konkretny element podrzędny z określonej klasy

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

Answer 4

Jeśli chcesz wybrać ostatnie dziecko i muszą być specyficzne od rodzaju elementu można użyć selektora last-of-type

Oto przykład:

$("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> 

W przykładzie powyżej bota h Paragraf 4 i 5 będą miały czerwoną granicę, ponieważ § 5 jest ostatnim elementem typu "p" w dziale, a § 4 jest ostatnim "przęsłem" w dziale.