我有一个div，它创建了动态子div
<div id="abcd">
<div class="myclass">Hello</div>
<div class="myclass">World</div>
</div>
有很多动态生成的div，我需要删除所有子div而不删除第一个div，即显示“Hello”的div。
【问题讨论】：
$('#abcd').children('.myclass:not(:first)').remove()
标签： javascript jquery
试试.filter(fn):
$('#abcd div').filter(function(){
return this.textContent !== "Hello"
}).remove();
根据 skobaljic 的评论更新：
$('#abcd div').filter(function () {
return $(this).index() !== 0
}).remove();
上面的代码在问题中删除了除第一个之外的所有 div，因为 required。
.filter() 允许您根据不同的属性返回选择器，因此在本例中我们使用.text() 和.index()。因此它将返回所有不包含文本 Hello 的 div，并使用 .remove() 方法将其链接以删除。
【讨论】：
#abcd 中除第一个孩子之外的所有内容。
.index() 的更新，我想这是有道理的。
#abcd div:gt(0) 相同，但比这更好的是jQuery documentation also says 使用slice(1) 方法并提高执行，仍然最好的解决方案是使用纯css 选择器作为@ 987654324@ 上面建议。我想你也应该同意。 This 性能测试您可能会感兴趣。
适用于 OP 问题的另一种不同答案
$("#abcd .myclass").not(":eq(0)").remove();
或
$("#abcd .myclass").not(":lt(1)").remove();
或
$("#abcd .myclass").not(":first").remove();
或
$("#abcd").find(".myclass:not(:contains('Hello'))").remove();
或
$("#abcd .myclass").not(":nth-child(1)").remove();
或
$("#abcd .myclass").not(":nth-of-type(1)").remove();
或
$("#abcd .myclass").nextAll().remove();
或
$("#abcd .myclass").nextUntil().remove();
【讨论】：
如果你想要一些有趣的东西，还有一个选择:)
$('#abcd > * + *').remove();
它使用 CSS 选择器来选择直接子元素 >（所有 .myclass div），并且在它们中只匹配任何 (*) 前一个元素的下一个直接兄弟元素 (+)。实际上，这意味着除了第一个之外，所有的孩子都将被匹配，因为它之前没有任何元素。
当然general sibling selector~也可以用
$('#abcd > * ~ *').remove();
查看下面的演示：
$('#abcd > * + *').remove();<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="abcd">
<div class="myclass">Hello</div>
<div class="myclass">World</div>
<div class="myclass">Test</div>
</div>【讨论】：
#abcd的所有直系子级之前有兄弟姐妹。
Hello 的 div 文本的顺序，如问题中所述。
$abcs > .myclass + .myclass 可能更容易理解。我使用 * 是因为它更通用、更简短。
【讨论】：
试试
$( "div div:first-child" ).nextAll().remove();
【讨论】：
试试这个：JSFIDDLE
$('#abcd').find('.myclass:not(:first)').remove()
【讨论】：