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

Posted 2023-05-09

【中文标题】使用 JQuery 从列表中删除除前 N 个元素之外的所有元素

【英文标题】：Remove all but the first N elements from a list using JQuery

【发布时间】：2014-04-02 01:01:09

【问题描述】：

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

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

【参考方案1】：

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

JSFiddle

$("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();