jquery - 使用jquery将html标签添加到表中

Question

我正在尝试在<br>使用 jquery 动态添加的表中显示 br 标记。

html:

<table id="TempTable"></table>

Javascript：

var _textFromDatabase = "Hello,<br><br><br><br> How are you?";
var _trText = "<tr><td>" + $('<div/>').html(_textFromDatabase).text() + "</td></tr>";
$("#TempTable").html("<code>"+ _trText + "</code>");

我需要Hello,<br><br><br><br> How are you?动态显示在表格内。但是使用上面的代码，它会替换 br 标记并将新行添加到页面中。我们如何在页面的数据库中显示 html 标签？在 MVC 中，我们可以使用 Html.Raw 来实现它，但是上面带有 jquery 的代码不起作用。请建议

Answer 1

改为这样做：

$("#TempTable").append('<tr>').
                append('<td>').
                text(_textFromDatabase.replace('<br','&lt;br'));

Answer 2

而不是这样写：

   var _textFromDatabase = "Hello,<br><br><br><br> How are you?";

试试这个：

   var _textFromDatabase = "Hello, <br><br><br><br> How are you?";

希望你能得到解决你的问题。

Answer 3

试试这个代码

演示

var _textFromDatabase = "Hello,<br><br><br><br> How are you?";
var _trText = "<tr><td>" + $('<div/>').text(_textFromDatabase).text().replace(/</g, '&lt;').replace(/>/g, '&gt;') + "</td></tr>";
$("#TempTable").html("<code>"+ _trText + "</code>");

Answer 4

var _textFromDatabase = "Hello,<br&mt;<br&mt;<br&mt;br< How are you?";

通过确保字符串编码正确，您将能够正确呈现它。这还将为 javascript 和 html 破坏攻击提供额外的安全性。