How do you convert a jQuery object into a string?

jquery stringification
chief7 picture chief7 · Mar 17, 2009 · Viewed 528.8k times · Source

How do you convert a jQuery object into a string?

Answer

John Feminella picture John Feminella · Mar 17, 2009

I assume you're asking for the full HTML string. If that's the case, something like this will do the trick:

$('<div>').append($('#item-of-interest').clone()).html();

This is explained in more depth here, but essentially you make a new node to wrap the item of interest, do the manipulations, remove it, and grab the HTML.

If you're just after a string representation, then go with new String(obj).

Update

I wrote the original answer in 2009. As of 2014, most major browsers now support outerHTML as a native property (see, for example, Firefox and Internet Explorer), so you can do:

$('#item-of-interest').prop('outerHTML');

Related questions

Convert a jQuery object and contents to string?

I'm grabbing various jquery objects to put into an array and later spit out as HTML. I'm trying to convert the jQuery object to a text string so it can be spit out as HTML later. I'm using this technique …

Read More
Getting JSON data of JSTree, and it's metadata

We're using jstree for a navigation menu editor, and have been assigning metadata to the nodes of the tree like this: var data = currentNode.data("jstree"); data.title = textBoxTitle.val(); data.linkType = textBoxLink.val(); I can see that the data …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More