javascript - HTML 保留 html 格式的字符串

Question

我在数据库中有 HTML 格式的文本字符串，例如:

<div><p>example</p></div>

然后我将它们添加到表格的字段中。表格 html 在字符串中创建并附加到带有 jQ​​uery 的 div，如下所示:

var str = '<table><thead><tr><th>Heading</th></tr></thead><tbody>';
str += '<tr><td>';
str += database[index].fieldWithHtml;
str += '</td></tr></tbody></table>';

$("#myElement").append(str);

目前，单元格中显示的文本已格式化并仅显示“示例”。我想要的是它实际上不使用 html 标签来格式化文本，而是显示它们，例如示例输出是相同的:

<div><p>example</p></div>

Answer 1

使用jQuery函数创建DOM元素，并将文字文本放入text中的 <td> .

var table = $("<table><thead><tr><th>Heading</th></tr></thead><tbody>");
var row = $("<tr>").append($("<td>", { text: database[index].fieldWithHtml}));
$("tbody", table).append(row);
$("#myElement").append(table);