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

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>

How we can write a selector using :last-child in jquery to find out the last div with class 3 ?

Answer 1

Try this selector... though your classes shouldn't be just numbers. They should start with a normal character.

$("#main .3:last")

FYI, :last-child checks if the target is last child of its parent. None of the elements with class .3 are the last child of their parent.

Answer 2

Use .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');