在jQuery中創建HTML DOM

Question

我有一個HTML頁面，其中有頁面和標題。現在我保存在jQuery的變量中的頁面內容和頁面標題：

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

現在我想建立一個HTML DOM，如：

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

然後我想這個HTML DOM存儲在一個變量。

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

建設通過串聯一個HTML字符串，如果你期望$title和$content包含特殊字符（如<）是不是一個好主意。一個安全的解決方案如下所示：

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