Створення об’єкта jQuery з великої HTML-рядки

У мене є великий HTML-рядок, що містить декілька дочірніх вузлів.

Чи можна побудувати об'єкт DQ jQuery за допомогою цього рядка?

Я спробував, $(string)але він повертає лише масив, що містить усі окремі вузли.

Імтрирую, щоб отримати елемент, у якому я можу використовувати функцію .find ().

Оновлення:

З jQuery 1.8 ми можемо використовувати $ .parseHTML , який буде аналізувати рядок HTML до масиву DOM-вузлів. наприклад:

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

Що відбувається в цьому коді:

• $('<div/>')це підробка <div>, якої не існує в DOM
• $('<div/>').html(string)додається stringв рамках цієї підробки <div>як діти
• .contents()витягує дітей цього підробки <div>як об’єкт jQuery

Якщо ви хочете зробити .find()роботу, спробуйте:

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

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

DEMO

Станом на jQuery 1.8, ви можете просто використовувати parseHtml для створення об’єкта 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));

Я створив JSFidle, що демонструє це: http://jsfiddle.net/MCSyr/2/

Він аналізує довільний рядок HTML на об’єкт jQuery і використовує find для відображення результату у діві.

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

Це створює фіктивний об’єкт jQuery, в який ви можете помістити рядок як HTML. Тоді ви отримуєте лише дітей.

Також є чудова бібліотека під назвою cheerio, створена спеціально для цього.

Швидка, гнучка та постійна реалізація основних jQuery, розроблених спеціально для сервера.

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>

Я використовую наступне для своїх шаблонів 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());

Примітка. Припустимо, що ви використовуєте jQuery

Причина, по якій $ (string) не працює, полягає в тому, що jquery не знаходить вміст html між $ (). Тому вам потрібно спершу розібрати його в html. як тільки у вас є змінна, в якій ви проаналізували html. потім можна використовувати $ (string) та використовувати всі функції, доступні на об'єкті