jquery - 在 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 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 2

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

Answer 3

$title如果您期望并$content包含特殊字符（例如<），则通过连接构建 HTML 字符串不是一个好主意。一个安全的解决方案如下所示：

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