Xóa các phần tử con được đưa ra một chỉ mục?

Question

Tôi đã có một bố cục như thế này:

<div id='parent'> 

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

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

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

    ... 

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

Tại một số điểm, tôi muốn loại bỏ tất cả div "hàng" ở trên một chỉ số nhất định, như:

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

là có một cách đơn giản hơn để làm điều này trong jquery? Một cái gì đó như 'chỉ cần loại bỏ tất cả trẻ em bắt đầu từ chỉ số N'?

(trên vòng lặp for sẽ không thực sự làm việc, nhưng là loại điều tôi sẽ làm gì nếu không có cách nào khác)

Answer 1

"Chỉ cần loại bỏ (tách) tất cả trẻ em của #parent, bắt đầu từ yếu tố N" :

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

Nếu các phần tử sẽ không được lồng vào, sử dụng remove() thay vì detach() để loại bỏ dữ liệu và các sự kiện liên quan đến các yếu tố loại bỏ.

Answer 2

Để loại bỏ hàng 0 và 1 chọn hàng ít hơn 2 sử dụng lt selector và sau đó remove họ:

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

Answer 3

Đây là một chủ đề cũ, nhưng tôi tò mò * tại sao không ai đề cập nth-child.

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

* Cập nhật: Tôi không có đủ đại diện để biết điều đó vào lúc đó, nhưng đã có câu trả lời là nth-child.