删除给定索引的子元素？

我有这样的布局：

 
 
 
 ... 
  

在某些时候，我想删除某个索引上方的所有div“行”，如：

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

在jquery中有更简单的方法吗？ 像’只删除从索引N开始的所有孩子’的东西？

（上面的for循环不会真正起作用，但如果没有别的办法，那就是我会做的事情）

Answer 1

“只需删除（分离） #parent所有子#parent ，从元素N开始”：

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

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

Answer 2

要删除行0和1，请使用lt选择器选择小于2的行，然后将其删除 ：

 $('#parent div:lt(2)').remove(); 

Answer 3

这是一个老线程，但我很好奇*为什么没有人提到nth-child 。

 $("#parent > div:nth-child(n + " + index + ")").remove(); 

*更新：我当时没有足够的代表知道它，但是有一个nth-child答案被删除了。