Crear un objeto jQuery a partir de una gran cadena HTML

Tengo una gran cadena HTML que contiene múltiples nodos secundarios.

¿Es posible construir un objeto DOM jQuery usando esta cadena?

Lo intenté $(string)pero solo devuelve una matriz que contiene todos los nodos individuales.

Intentando obtener un elemento en el que pueda usar la función .find ().

Actualizar:

Desde jQuery 1.8, podemos usar $ .parseHTML , que analizará la cadena HTML a una matriz de nodos DOM. p.ej:

var dom_nodes = $($.parseHTML('<div><input type="text" value="val" /></div>'));

alert( dom_nodes.find('input').val() );

MANIFESTACIÓN

var string = '<div><input type="text" value="val" /></div>';

$('<div/>').html(string).contents();

MANIFESTACIÓN

¿Qué está pasando en este código?

• $('<div/>')es una falsificación <div>que no existe en el DOM
• $('<div/>').html(string)se agrega stringdentro de esa falsificación <div>como niños
• .contents()recupera a los hijos de esa falsificación <div>como un objeto jQuery

Si quieres .find()trabajar, prueba esto:

var string = '<div><input type="text" value="val" /></div>',
    object = $('<div/>').html(string).contents();

alert( object.find('input').val() );

MANIFESTACIÓN

A partir de jQuery 1.8, puede usar parseHtml para crear su objeto jQuery:

var myString = "<div>Some stuff<div>Some more stuff<span id='theAnswer'>The stuff I am looking for</span></div></div>";
var $jQueryObject = $($.parseHTML(myString));

He creado un JSFidle que demuestra esto: http://jsfiddle.net/MCSyr/2/

Analiza la cadena HTML arbitraria en un objeto jQuery, y utiliza find para mostrar el resultado en un div.

var jQueryObject = $('<div></div>').html( string ).children();

Esto crea un objeto ficticio jQuery en el que puede colocar la cadena como HTML. Entonces, solo tienes a los niños.

También hay una gran biblioteca llamada cheerio diseñada específicamente para esto.

Implementación rápida, flexible y eficiente de Core jQuery diseñado específicamente para el servidor.

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>

Utilizo lo siguiente para mis plantillas HTML:

$(".main").empty();

var _template = '<p id="myelement">Your HTML Code</p>';
var template = $.parseHTML(_template);
var final = $(template).find("#myelement");

$(".main").append(final.html());

Nota: Suponiendo si está utilizando jQuery

la razón por la cual $ (string) no funciona es porque jquery no encuentra contenido html entre $ (). Por lo tanto, primero debe analizarlo en html. una vez que tenga una variable en la que haya analizado el html. entonces puede usar $ (cadena) y usar todas las funciones disponibles en el objeto