jquery - 仅删除 .append() 添加的元素

Question

我正在使用 .append() 附加图像列表，但我希望能够删除添加的元素，以便返回到起始状态

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

Answer 1

为您附加的每个项目添加一个类，然后使用该类来引用添加的元素

 $('#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();

Answer 2

尝试这个：

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

然后你只需要做$('.removeMe').remove();
所有附加的都消失了！
或者
从最后一个到第一个

$('.removeMe:last').remove();

:)