使用 JQuery 从列表中删除除前 N 个元素之外的所有元素

【问题标题】：Remove all but the first N elements from a list using JQuery使用 JQuery 从列表中删除除前 N 个元素之外的所有元素
【发布时间】：2014-04-02 01:01:09
【问题描述】：

我在 DOM 中有一个项目列表，并希望将其修剪为仅包含前 N 个项目，可能使用切片和删除。

JQuery 中删除第一个 N 之后的任何项目的语法是什么？

【问题讨论】：

【解决方案1】：

您似乎正在寻找这样的东西：

$("body").children().filter(":gt(5)").remove();

上面删除了所有body 的索引超过5 的直接子代。这是假设body 是相关DOM 的顶部。如果没有，您可以将 body 更改为您想要“修剪”的 DOM 的头部。

【讨论】：

您将# 放入列表的实际ID 中，将其删除。 # 在选择器中用于表示您正在寻找一个 id... 所以 $("#list") 表示要抓取 id 为 list jsfiddle.net/PKGN7/4 的元素。
或者$("body").children().slice(5).remove(); 或$("body").children(":gt(5)").remove();