jquery - jQueryでHTMLDOMを作成する

Question

ページとタイトルが記載されたHTMLページがあります。ここで、ページのコンテンツとページのタイトルをjQuery変数に保存しました。

$content = jQuery('div p').find ('content').text();
$title = jQuery('div').find ('title').text();

次に、次のようなHTMLDOMを作成します。

<div class="enter-content">
  <h4>$title</h4>
  <p>$content</p>
</div>

次に、このHTMLDOMを変数に格納します。

Answer 1

var yourDOM=$('<div class="enter-content"><h4>'+$title+'</h4><p>'+$content+'</p></div>');

Answer 2

この方法でそれを行うことができますが、これは単なる代替手段であり、管理が容易です。

var title = jQuery('div').find ('title').text();
var content = jQuery('div p').find ('content').text();

var HTML = new String("");
HTML += '<div class="enter-content">';
HTML += '<h4>##Title##</h4>';
HTML += '<p>##Content##</h4>';
HTML += '</div>';
HTML = HTML.replace(/##Title##/g, title);
HTML = HTML.replace(/##Content##/g, content);

Answer 3

特殊文字（例）を期待$titleして含める場合は、連結によってHTML文字列を作成することはお勧めできません。安全な解決策は次のようになります。$content<

var div = $("<div class='enter-content'/>").append($("<h4/>").text($title)).append($("<p/>").text($content));