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

Question

我有一个DOM中的项目列表，希望将其修剪为仅包含前N个项目，可以使用slice和remove。

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

- justinhj

Answer 1

看起来你正在寻找这样的东西：

JSFiddle

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

以上代码将删除所有DOM树中索引大于5的body直接子元素。这假设body是所讨论的DOM树的顶部。如果不是，您可以将body更改为您想要“修剪”的DOM头。

- Smern

---

在实际列表的ID中，您要去掉#。 #用于选择器，表示您正在查找ID ...因此$（“＃list”）表示获取具有ID为list的元素。http://jsfiddle.net/PKGN7/4/ - Smern

另外一种方法是 $("body").children().slice(5).remove(); 或者 $("body").children(":gt(5)").remove();。 - megawac