Removing children elements given an index?

Answer 1

This is an old thread, but I'm curious* why nobody mentioned nth-child.

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

*Update: I didn't have enough rep to know it at the time, but there had been an nth-child answer, deleted.

Answer 2

To remove rows 0 and 1 select rows less than 2 using the lt selector and then remove them:

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

Answer 3

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

$("#parent").children().slice(N).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.