javascript - 如何转义 HTML 属性值中的引号？

Question

我正在通过创建一个 html 字符串来构建一行以使用 jQuery 插入到表中，即

var row = "";
row += "<tr>";
row += "<td>Name</td>";
row += "<td><input value='"+data.name+"'/></td>";
row += "</tr>";

data.name是从 ajax 调用返回的字符串，可以包含任何字符。如果它包含单引号，则 ' ，它将通过定义属性值的结尾来破坏 HTML。

如何确保字符串在浏览器中正确呈现？

Answer 1

您只需要交换任何 '具有等效 HTML 实体字符代码的字符:

data.name.replace(/'/g, "'");

或者，您可以使用 jQuery 的 DOM 操作方法创建整个内容:

var row = $("<tr>").append("<td>Name</td><td></td>");
$("<input>", { value: data.name }).appendTo(row.children("td:eq(1)"));