如何通过jquery中的remove方法删除div

时间:2018-06-01 11:28:14

标签: jquery

我想得到一个在jquery中通过remove方法删除的div,我想在另一个方法上得到div。

function viewregister()
{
   //code goes here

}

function removeregister()
{       $("#registerContent").remove();
}

2 个答案:

答案 0 :(得分:1)

使用detach()代替remove(),它与remove()完成相同的工作,但保持所有数据的完整性,并为您提供已删除元素的引用,以便您可以在需要时重新插入。

var ref;

function viewregister() {
   // Insert the element again in the body
   $('body').append(ref);
}

function removeregister() {
  // Save the reference to the element in a variable
  ref = $("#registerContent").detach();
}

答案 1 :(得分:1)

您可以记住变量中的元素,并在viewregister中使用该变量:

var registerContent = null;
function viewregister()
{
    if (registerContent) {
        // Do something with it, such as appending it ot the DOM
        registerContent.appendTo("some element");
        registerContent = null;
    }
}

function removeregister()
{
    if (!registerContent) {
        registerContent = $("#registerContent").remove();
    }
}

您可以使用detach代替remove。唯一的区别是remove通过data方法删除了与元素关联的事件处理程序和数据; detach让他们独自一人。

或者,您可能只想隐藏并显示:

function viewregister()
{
    $("#registerContent").show();
}

function removeregister()
{
    $("#registerContent").hide();
}