jQuery的刪除HTML元素動態

Question

這裏有4個列表項

<ul> 
    <li>First</li> 
    <li>Second</li> 
    <li>Third</li> 
    <li>Fourth</li> 
</ul> 

我想，所以我寫的AJAX調用更新來自服務器的項目。 AJAX調用後

$.ajax({ 
    .... 
    $('ul').append('new 4 items from server'); 
}); 

項目

<ul> 
    <li>First</li> 
    <li>Second</li> 
    <li>Third</li> 
    <li>Fourth</li> 
    <li>new1</li> 
    <li>new2</li> 
    <li>new3</li> 
    <li>new4</li> 
</ul> 

所以總項目數爲8。現在，我想保持過去的5個項目Fourth, new1...new4和去除殘留。我怎樣才能做到這一點？

Answer 1

您可以使用:lt(index)選擇器。

$('ul li:lt(3)').remove(); 

如果你只想讓你可以使用eq和prevAll方法的最後五個li元素：

$('ul li').eq(-5).prevAll().remove(); 

或追加新的元素之前刪除除了最後一個所有列表元素。