[英]remove an .append() to return an element to it's original state
我正在为图像滑块加载ul
,但是我需要移除图像( ul
)并在关闭滑块时恢复到原始状态(在执行javascript操作之前),因为以后需要为另一组重新加载ul不同的图像。
这是我加载滑块的方式。
var get_images = [ "show_1.jpg", "show_2.jpg", "show_3.jpg", "show_4.jpg"];
$.each(get_images, function(i,img){
$('#container ul').append('<li><a href="#" class="thumbnail"><img src="'+img+'"/></a></li>');
});
我认为这可能是您要寻找的:
var get_images = ["show_1.jpg", "show_2.jpg", "show_3.jpg", "show_4.jpg"];
var original = $('#container ul').html();
$.each(get_images, function (i, img) {
$('#container ul').append('<li><a href="#" class="thumbnail"><img src="' + img + '"/></a></li>');
});
$("#revert").click( function() {
$('#container ul').html(original);
});
还原按钮用于演示目的。 基本上,您的想法是保存原始内容,以便以后在需要时可以还原到原始内容。
如果ul
最初为空,则可以使用.empty()
将其恢复为该状态。
$('#container ul').empty()
如何获得添加的最后一个,然后像这样删除它:
$('#container ul li:last').remove();
如果添加了3,则重复该行3次。 每个人都获取最后添加的元素并将其删除。
其他方式
您还可以跟踪添加的内容:
var addedList = [];
$.each(get_images, function(i,img){
var added = $.parseHTML('<li><a href="#" class="thumbnail"><img src="'+img+'"/></a></li>');
$('#container ul').append(added);
addedList.push(added);
});
用以下方式删除:
for (var i=0; i < addedList.length; ++i) {
$(addedList[i]).remove();
}
addedList = [];
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.