Creating a jQuery object from a big HTML-string

Question

I have a big HTML-string containing multiple child-nodes   Is it possible to construct a jQuery DOM object using this string   I ve tried   string  but it only returns an array containing all the individual nodes   Imtrying to get an element which i can use the  find   function on

User · Answer

There is also a great library called cheerio designed specifically for this.

Fast, flexible, and lean implementation of core jQuery designed specifically for the server.

var cheerio = require('cheerio'),
    $ = cheerio.load('<h2 class="title">Hello world</h2>');

$('h2.title').text('Hello there!');
$('h2').addClass('welcome');

$.html();
//=> <h2 class="title welcome">Hello there!</h2>

User · Answer

As of jQuery 1 8 you can just use parseHtml to create your jQuery object   var myString     lt div gt Some stuff lt div gt Some more stuff lt span id  theAnswer  gt The stuff I am looking for lt  span gt  lt  div gt  lt  div gt    var  jQueryObject       parseHTML myString      I ve created a JSFidle that demonstrates this  http   jsfiddle net MCSyr 2   It parses the arbitrary HTML string into a jQuery object  and uses find to display the result in a div

User · Answer

I use the following for my HTML templates       main   empty     var  template     lt p id  myelement  gt Your HTML Code lt  p gt    var template     parseHTML  template   var final     template  find   myelement         main   append final html       Note  Assuming if you are using jQuery

User · Answer

the reason why   string  is not working is because jquery is not finding html content between      Therefore you need to first parse it to html  once you have a variable in which you have parsed the html  you can then use   string  and use all functions available on the object

User · Answer

Update  From jQuery 1 8  we can use   parseHTML  which will parse the HTML string to an array of DOM nodes  eg  var dom nodes       parseHTML   lt div gt  lt input type  quot text quot  value  quot val quot    gt  lt  div gt       alert  dom nodes find  input   val       DEMO  var string     lt div gt  lt input type  quot text quot  value  quot val quot    gt  lt  div gt         lt div  gt    html string  contents     DEMO What s happening in this code       lt div  gt    is a fake  lt div gt  that does not exist in the DOM     lt div  gt    html string  appends string within that fake  lt div gt  as children  contents   retrieves the children of that fake  lt div gt  as a jQuery object  If you want to make  find   work then try this  var string     lt div gt  lt input type  quot text quot  value  quot val quot    gt  lt  div gt        object       lt div  gt    html string  contents     alert  object find  input   val       DEMO

User · Answer

var jQueryObject       lt div gt  lt  div gt    html  string   children      This creates a dummy jQuery object in which you can put the string as HTML  Then  you get the children only

User · Answer

You can try something like below     parseHTML  lt  lt table html string variable here gt  gt    find  quot td contains   lt  lt some text to find gt  gt    quot   first   prev   text

[javascript] Creating a jQuery object from a big HTML-string

Examples related to javascript

Examples related to jquery

Examples related to html