$.parseHTML()

http://api.jquery.com/jQuery.parseHTML/

HTML文字列をDOMノードの配列に変換します。

$.parseHTML(data [, context ] [, keepScripts ]) 1.8追加
デモ

$.parseHTML(data [, context ] [, keepScripts ]) 1.8追加

戻り値:jQuery

引数説明

data 型:String
解析するHTML文字列を指定します。

context

引数	説明
data	型:`String` 解析するHTML文字列を指定します。
context	型：`Element` 初期値：`document` HTMLのフラグメントが作成されるコンテキストとして提供するDOM要素を指定します。
keepScripts	型：`Boolean` 初期値：`false` HTML文字列内に含まれているscriptを含めるか含めないかを指定します。

型：Element 初期値：document

HTMLのフラグメントが作成されるコンテキストとして提供するDOM要素を指定します。

keepScripts

型：Boolean 初期値：false

HTML文字列内に含まれているscriptを含めるか含めないかを指定します。

$.parseHTMLは、指定されたHTML文字列をdocumentに挿入できるDOM要素に変換するためにネイティブのDOM要素生成機能を使用します。

デモ

HTML文字列からDOMノードの配列を作成し、DIV要素内に挿入します。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="log">
  <h3>コンテンツ:</h3>
</div>
<script>
var $log = $( "#log" ),
    str = "こんにちは, <b>わたしの名前は、</b> jQueryです。",
    html = $.parseHTML( str ),
    nodeNames = [];

// 解析したHMTLを挿入
$log.append( html );

// 解析されたHTMLのノード名を収集
$.each( html, function( i, el ) {
    nodeNames[i] = "<li>" + el.nodeName + "</li>";
});
// ノード名を挿入
$log.append( "<h3>ノード名一覧:</h3>" );
$( "<ol></ol>" )
  .append( nodeNames.join( "" ) )
  .appendTo( $log );
</script>
</body>
</html>