删除给定索引的子元素? [英] Removing children elements given an index?

问题描述

我有这样的布局:

<div id='parent'>

    <div id='row_0'></div>

    <div id='row_1'></div>

    <div id='row_2'></div>

    ... 

    <div id='row_N'></div>
</div>

在某个时候，我想删除某个索引上方的所有div行"，例如:

At some point, I want to remove all div "rows" above a certain index, like:

for (var index = 1; index < $('#parent').children.length; index++) {
    $('#parent').remove('#row_' + index);
}

在jquery中有更简单的方法吗?诸如仅删除从索引N开始的所有子级"之类的东西?

is there a simpler way to do this in jquery? Something like 'just remove all children starting from index N'?

(上面的for循环不会真正起作用，但是如果没有其他方法，这就是我会做的事情)

(the above for loop won't really work, but is the kind of thing I would do if there's no other way)

推荐答案

只需​​删除(分离)#parent的所有子元素，从元素N开始""

"Just remove (detach) all children of #parent, starting at element N":

$("#parent").children().slice(N).detach();

如果不打算重新插入元素，请使用remove()而不是detach()来丢弃与已删除元素关联的数据和事件.

If the elements are not going to be reinserted, use remove() instead of detach() in order to discard data and events associated with the removed elements.

这篇关于删除给定索引的子元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！