Question

我需要存储一个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/

Answer 1

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

API＆＃34;：

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

Answer 2

你可以尝试这样的事情jsFiddle：

$(document).ready(function () {

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

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

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

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

复制一个html对象并再次显示它

2 个答案: