刪除.append（）添加的元素只有

Question

我使用.append（）附加圖像的列表，但我希望能夠刪除添加的元素在無序返回到起始狀態

$.each(get_images, function(i,img){ 
$('#container ul').append('<li><a href="#" class="thumbnail"><img src="'+img+'"/></a></li>'); 
}); 

Answer 1

試試這個：

$.each(get_images, function(i,img){ $('#container ul').append('<li class="removeMe"><a href="#" class="thumbnail"><img src="'+img+'"/></a></li>'); });

然後你只需要做$('.removeMe').remove();
和所有附加的都不見了！
或
一個接一個從後到前

$（ 'removeMe：最後的'）。remove（）方法;

:)

Answer 2

類添加到您添加的每個項目，然後使用這個類來引用添加的元素

$('#container ul').append('<li class="appended"><a href="#" class="thumbnail"><img src="'+img+'"/></a></li>'); 

要刪除所有：

$('#container ul li.appended').remove(); 

或刪除它們依次是：

$('#container ul li.appended:last').remove();