jquery如何删除第一个x div？答案

【问题标题】：jquery how to remove the first x div's?jquery如何删除第一个x div？
【发布时间】：2011-04-06 04:30:52
【问题描述】：

如果我单击按钮，我会尝试删除前 4 个 div：

<div class="test">
<div class="1"></div>
<div class="1"></div>
<div class="1"></div>
<div class="1"></div>
<div class="1"></div>
<div class="1"></div>
</div>

我已经试过了，但它似乎将它们一一删除：

if ($('.test').find('.1').size() >= 4) {
$('.test').find('.1').remove();
}

谢谢

【问题讨论】：

标签： jquery

【解决方案1】：

使用the :lt() selector。

$('.test').find('.1:lt(4)').remove();

演示：http://jsfiddle.net/mattball/kR3wL/

注意“1”不是有效的类。

【讨论】：

@马特。这真的很有帮助。感谢那。如果我需要再次添加那些删除 div，我该怎么做..？
@user2584538 维护对.remove() 调用和.add() 稍后返回的元素的引用。
@Matt，是的，这行得通。我想到了。谢谢马特。:)

【解决方案2】：

使用:lt 选择器

$('div.1:lt(4)', 'div.test').remove()

示例：http://jsfiddle.net/JD6CY/

【讨论】：