javascript - remove 和 .append() 将元素返回到其原始状态

Question

我正在为图像 slider 加载 ul，但我需要删除图像 (ul) 并恢复到原始状态(在 JavaScript 操作之前)当 slider 关闭时，因为我稍后需要重新加载另一组不同图像的 ul。

这是我加载 slider 的方式。

 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>'); 
});

Answer 1

我想这可能就是您正在寻找的:

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);
});

恢复按钮用于演示目的。这个想法基本上是保存原始内容，以便以后需要时恢复到原来的内容。

Fiddle