如何找到元素的最后一个子元素？

Question

 <div id="main">
  <div class="1"></div>
  <div class="2"></div>
  <div class="2"></div>
  <div class="3"></div>
  <div class="3"></div>
  <div class="4"></div>
 </div>

我们如何使用jquery中的:last-child编写选择器来查找last div with class 3？

Answer 1

试试这个选择器......虽然你的课不应该只是数字。它们应该以正常的角色开头。

$("#main .3:last")

仅供参考，:last-child检查目标是否是其父项的最后一个子项。类.3的元素都不是其父级的最后一个子元素。

Answer 2

使用.last()：

$("#main .3").last();

http://api.jquery.com/last/

http://jsfiddle.net/E64Wm/1/

Answer 3

$('#main > .3').last()应该指向正确的元素

Answer 4

试试这个：

$('#main').find(':last-child');