एक सूचकांक दिए गए बच्चों के तत्वों को हटा रहा है?

Question

मैं इस तरह एक लेआउट मिल गया है:

<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 "पंक्तियाँ" की तरह, एक निश्चित सूचकांक ऊपर निकालना चाहते हैं:

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

वहाँ एक आसान तरीका है jquery में ऐसा करने के लिए? कुछ 'इंडेक्स एन से शुरू होने वाले सभी बच्चों को हटा दें' जैसे कुछ?

(पाश वास्तव में काम नहीं करेगा के लिए ऊपर है, लेकिन कुछ ऐसी बातें हो, तो कोई दूसरा रास्ता नहीं मैं ऐसा होता है)

Answer 1

"बस हटाने (अलग) #parent, के सभी बच्चों तत्व N पर शुरू" :

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

तत्वों पुनः लगाए जा करने के लिए नहीं जा रहे हैं, तो क्रम में remove() बजाय detach() का उपयोग डेटा और निकाले गए तत्वों के साथ जुड़े घटनाओं को छोड़ने के लिए।

Answer 2

lt selector और फिर remove उन्हें प्रयोग 2 से पंक्तियों 0 और 1 का चयन पंक्तियों कम निकालने के लिए:

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

Answer 3

यह एक पुरानी धागा है, लेकिन मैं उत्सुक हूँ * क्यों कोई nth-child उल्लेख किया है।

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

* अद्यतन: मैं समय पर यह पता करने के लिए पर्याप्त प्रतिनिधि नहीं था, लेकिन एक nth-child जवाब है, नष्ट कर दिया वहाँ गया था।