Criando um objeto jQuery a partir de uma grande string HTML

Eu tenho uma grande seqüência de caracteres HTML contendo vários nós filhos.

É possível construir um objeto DOM jQuery usando essa string?

Eu tentei, $(string)mas ele retorna apenas uma matriz que contém todos os nós individuais.

Tentando obter um elemento no qual eu possa usar a função .find ().

Atualizar:

No jQuery 1.8, podemos usar $ .parseHTML , que analisará a string HTML em uma matriz de nós DOM. por exemplo:

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

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

DEMO

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

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

DEMO

O que está acontecendo neste código:

• $('<div/>')é uma farsa <div>que não existe no DOM
• $('<div/>').html(string)acrescenta stringdentro desse falso <div>quando crianças
• .contents()recupera os filhos desse falso <div>como um objeto jQuery

Se você quiser fazer o .find()trabalho, tente o seguinte:

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

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

DEMO

A partir do jQuery 1.8, você pode usar o parseHtml para criar seu 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));

Eu criei um JSFidle que demonstra isso: http://jsfiddle.net/MCSyr/2/

Ele analisa a string HTML arbitrária em um objeto jQuery e usa find para exibir o resultado em uma div.

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

Isso cria um objeto jQuery fictício no qual você pode colocar a string como HTML. Então, você recebe apenas os filhos.

Há também uma ótima biblioteca chamada cheerio, projetada especificamente para isso.

Implementação rápida, flexível e enxuta do jQuery principal, projetado especificamente para o 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>

Eu uso o seguinte para meus modelos de 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: Supondo que você esteja usando jQuery

a razão pela qual $ (string) não está funcionando é porque o jquery não está encontrando conteúdo html entre $ (). Portanto, você precisa primeiro analisá-lo em html. depois de ter uma variável na qual você analisou o html. você pode usar $ (string) e usar todas as funções disponíveis no objeto