jquery remove element by id and retain html in a variable

Question

In the following code want to remove the html and get it in a variable.How to go about this.

<div id="tr1">Server</div>
var t = $("#tr1").remove();
console.log(t); // Should print     <div id="tr1">Server</div>

OR should .detach() be used

Then use: `console.log(t.prop('outerHTML'));` if you want the output to be a string http://jsfiddle.net/t354y/ Now i'm quite sure to don't understand what is your issue... Maybe you could provide a jsFiddle to make it clearer — A. Wolff, May 11 '14 at 15:19

score 1 · Accepted Answer · answered May 11 '14 at 15:24

1

To get the element HTML as string, you can use the outerHTML property of the DOM node:

jQuery:

console.log(t.prop('outerHTML'));

Or using DOM node:

console.log(t[0].outerHTML);

answered May 11 '14 at 15:24

A. Wolff

Question : when can .detach() be used? – Rajeev May 11 '14 at 15:24
If you want to reappend later element, keeping event handlers (and data) previously bound, use `.detach()`. Simple DEMO: http://jsfiddle.net/8hcCB/1 – A. Wolff May 11 '14 at 15:26

score 0 · Answer 2 · edited May 23 '17 at 11:57

0

I don't think remove() will return you the HTML code when you delete the element.

To get the html code maybe you should look this answer: https://stackoverflow.com/a/8645992/3133256 (the updated)

edited May 23 '17 at 11:57

Community

answered May 11 '14 at 15:26

jpadilladev

2 Answers2