如何在jQuery中select最后一个子元素？

如何在jQuery中select最后一个子元素？

只是最后一个孩子，而不是其后代。

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(); 

：持续

。孩子（）。最后（）

：最后一个孩子

Answer 2

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

或者如果你想在上面评论一个具有某个class级的最后一个孩子。

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

或具有特定类别的特定子元素

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

Answer 3

通过使用：最后孩子select器 ？

记住你需要帮助的具体情况？

Answer 4

如果你想select最后一个孩子，并且需要特定的元素types，你可以使用最后一个types的select器

这里是一个例子：

 $("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中的“p”型的最后一个元素，第4段是div中的最后一个“span”。