大きなHTML文字列からjQueryオブジェクトを作成する

複数の子ノードを含む大きなHTML文字列があります。

この文字列を使用してjQuery DOMオブジェクトを構築することは可能ですか？

私は試しました$(string)が、すべての個々のノードを含む配列のみを返します。

.find（）関数を使用できる要素を取得しようとしています。

更新：

jQuery 1.8以降では、HTML文字列をDOMノードの配列に解析する$ .parseHTMLを使用できます。例えば：

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

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

デモ

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

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

デモ

このコードで何が起こっているのか：

• $('<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() );

デモ

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を使用して結果をdivに表示します。

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

これにより、ストリングをHTMLとして配置できるダミーのjQueryオブジェクトが作成されます。次に、あなただけの子供を取得します。

このために特別に設計された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）を使用して、オブジェクトで使用可能なすべての関数を使用できます