如何撤消.detach()？

Question

我使用JQuery 1.5和下面的代码在单击按钮时分离带有某个类的li元素。我想知道的是，当再次单击该按钮时，如何将元素重新添加到页面上？

    <script>
    $("#remove").click(function () {
      $('li.type').fadeOut(300, function() { $(this).detach(); });
    });</script>

Answer 1

问题是：，，你想把元素放回页面的什么地方？例如，如果所有的li元素都返回到<ul id="foo"></ul>内部，则可以使用如下代码：

var items = [];
$('li.type').fadeOut(300, function() {
     items.push( $(this).detach() );
});

$('#replace').click(function() {
    for(var i = 0; i < items.length; i++) {
        $("ul#foo").append(items[i]);
    }
    items = [];
});

Answer 2

在这里你不能for循环。

var demo;
$('li.type').fadeOut(300, function() {
     demo = $(this).detach();
});

$('#replace').click(function() {
   $("ul#foo").append(demo);
});