How do you convert a jQuery object into a string

Question

User · Answer

new String myobj    If you want to serialize the whole object to string  use JSON

User · Answer

I assume you re asking for the full HTML string  If that s the case  something like this will do the trick       lt div gt    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 nbsp Explorer   so you can do       item-of-interest   prop  outerHTML

User · Answer

It may be possible to use the jQuery makeArray obj  utility function      var obj       lt p   gt     class   className    html  peekaboo    var objArr     makeArray obj   var plainText   objArr 0

User · Answer

Just use  get 0  to grab the native element  and get its outerHTML property   var  elem       lt a href     gt Some element lt  a gt     console log  HTML is       elem get 0  outerHTML

User · Answer

With jQuery 1 6  this seems to be a more elegant solution       element-of-interest   prop  outerHTML

User · Answer

No need to clone and add to the DOM to use  html    you can do       item-of-interest   wrap   lt div gt  lt  div gt    html

User · Answer

This seems to work fine for me       id   0  outerHTML

User · Answer

The accepted answer doesn t cover text nodes  undefined is printed out    This code snippet solves it    x000D   x000D  var htmlElements       lt p gt  lt a href  http   google com  gt google lt  a gt  lt  p gt    lt p gt  lt a href  http   bing com  gt bing lt  a gt  lt  p gt     x000D      htmlString       x000D       x000D  htmlElements each function      x000D      var element     this  get 0   x000D   x000D      if  element nodeType     Node ELEMENT NODE    x000D          htmlString    element outerHTML  x000D        x000D      else if  element nodeType     Node TEXT NODE    x000D          htmlString    element nodeValue  x000D        x000D      x000D   x000D  alert  String html      htmlString   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

jQuery is up in here  so   jQuery fn goodOLauterHTML  function         return     lt a gt  lt  a gt    append  this clone     html        Return all that HTML stuff      div    elys with HTML text stuff that you want      goodOLauterHTML       alerts tags and all

User · Answer

Can you be a little more specific  If you re trying to get the HTML inside of a tag you can do something like this   HTML snippet    lt p gt  lt b gt This is some text lt  b gt  lt  p gt    jQuery   var txt      p   html       Value of text is  lt b gt This is some text lt  b gt

User · Answer

The best way to find out what properties and methods are available to an HTML node  object  is to do something like   console log     my-node       From jQuery 1 6  you can just use outerHTML to include the HTML tags in your string output   var node       my-node   outerHTML

User · Answer

If you want to stringify an HTML element in order to pass it somewhere and parse it back to an element try by creating a unique query for the element       e  is a circular object that can t be stringify var e   document getElementById  MyElement       now  e str  is a unique query for this element that can be stringify  var e str   e tagName       e id               e id             e className               e className replace                    now you can stringify your element to JSON string var e json   JSON stringify      element   e str      than    parse it back to an object var obj   JSON parse  e json      finally connect the  obj element  varible to it s element obj element   document querySelector  obj element      now the  obj element  is the actual element and you can click it for example  obj element click

[jquery] How do you convert a jQuery object into a string?

Examples related to jquery

Examples related to stringification