复制一个 html 对象并再次显示它[重复]答案

【问题标题】：Copy a html object and show it again [duplicate]复制一个 html 对象并再次显示它[重复]
【发布时间】：2014-06-18 14:16:16
【问题描述】：

我需要存储一个 html 对象并再次显示它...我的代码复制它但不显示它..

要求：我需要复制#test，将其从页面中删除并再次显示。

HTML

<div id="test">
    I will be copied, removed and shown again
</div>

jQuery

$( document ).ready(function() {
    alert( "ready!" );
    var a = $("#test")
    $( "#test" ).remove();
     a.show()
});

Sample Fiddle Here
http://jsfiddle.net/w737n/2/

【问题讨论】：

api.jquery.com/clone
我不认为你真的想复制它，对吧？您只想将其保存到变量中并将其从文档中删除，然后将其放回文档中，对吗？我没有看到您试图将其放回文档的哪个位置。

标签： jquery html

【解决方案1】：

1 => 我不知道是什么原因，但你可以这样使用：demo http://jsfiddle.net/7Qees/
2 => using clone : 演示 http://jsfiddle.net/ZsDHL/

API"：

http://api.jquery.com/clone/

希望休息能帮助需要:)

代码你的代码

$( document ).ready(function() {
    alert( "ready!" );
    var a = $("#test");
    $( "#test" ).remove();

        $('#what').html(a.html());
});

克隆代码

$(document).ready(function () {
    $('#drpCars').clone().appendTo('#divCars1');
    $('#drpCars').clone().appendTo('#divCars2');
    $('#drpCars').clone().appendTo('#divCars3');
    $('#drpCars').clone().appendTo('#divCars4');
});

【讨论】：

：我需要将元素存储在网络浏览器的网络存储中，并在用户回来时检索它..基本上我想序列化和反序列化对象...

【解决方案2】：

你可以试试这样jsFiddle:

$(document).ready(function () {

    var $test = $("#test");

    $("#addBtn").click(function () {
        $("#container").append($test);
    });

    $("#removeBtn").click(function () {
        $test.remove();
    });
});

由于元素存储在$test，因此不会多次添加或删除。根据需要移动相同的元素。

【讨论】：