javascript - 如何撤消 .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 = [];
});