使用jQuery将其清空后重新获得HTML？

Question

I have an if/else loop inside my jQuery. I need to hide HTML on my text box inside my if portion and regain it at my else part. How can I do this using jQuery?

if (test == 1) {
    $(#id).html(""); //code to hide html
} else {
    //code to regain
}

code to hide html will works fine,but how to regain the code after emptying it?

Answer 1

you can't regain lost HTML unless you have saved it somewhere,

you can either show/hide the element

if(test==1){
   $(#id).hide();
}
else{
   $(#id).show();
}

or you can store the values somewhere in a variable

var html = "";
if (test == 1) {
    html = $(#id).html(); 
    $(#id).html( "" ); 
} else {
    $(#id).html( html ); 
}

or set it to localstorage (if you browser supports it)

if (test == 1) {
    localStorage.setItem("savedHTML", $(#id).html()) ; 
    $(#id).html( "" ); 
} else {
    $(#id).html( localStorage.getItem( "savedHTML" ) ); 
}

Answer 2

You can assign the complete html inside your div to a variable.

var htmlContent = $(#id).html();

Then in your else, you can assign it back.

$(#id).html(htmlContent);