如何在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> 

在上面的例子中，bot h第4段和第5段將有紅色邊框，因爲第5段是div中「p」型的最後一個元素，第4段是div中的最後一個「span」。