如何使用jquery删除div大于x的div？

Question

我有这个HTML:

<div class="test">
   <div class="itsme">1</div>
   <div class="itsme">2</div>
   <div class="itsme">3</div>
   <div class="itsme">4</div>
</div>

我在div1的顶部用ajax调用动态添加一个新的div.

var count = jQuery('div.itsme').size();
if(count > 3){
   $('.test').find("div:last").remove();
}

这工作的方式是,如果我添加一个div,最后一个被删除,但它并没有真正跟踪多少div.

即使开头有10个div,一旦我添加另一个,最后一个被删除.

为什么我要找的是总是,在这种情况下,显示3个div.如果我添加另一个div,那么最后一个被删除,如果我添加2个div,则最后2个被删除

我希望我足够清楚.

谢谢,

ps我正在使用,size()因为lenght()似乎没有工作,铬看到它作为一个未定义的功能,我检查,我有jquery 1.7 ..

Answer 1

if($('.itsme').length > 3){
   $('.itsme:gt(2)').remove();
}

小提琴

Answer 2

您可以使用:gt选择器过滤掉特定索引上方的元素,然后将其删除.这将只保留三个第一要素:

$('.test .itsme:gt(2)').remove();