javascript - 将转义的 outerHTML 转换为变量

Question

我想获取一个 div#content 的 outerHTML，标签被 .text() 转义到一个变量中，像这样:

var divContent = $('div#content')[0].text();

但这会引发类型错误:TypeError: $(...)[0].outerHTML.text is not a function

有人可以建议最好的方法吗？

谢谢

Answer 1

您似乎混淆了这里的术语。 .text()这是一个 jquery 方法，它获取选择器匹配的每个元素的组合文本内容。

outerHTML获取描述元素(包括其后代)的序列化 HTML 片段。

所以:

var divContent = $('div#content')[0].outerHTML

或

var divContent = $('div#content').text();

要“转义”文本，您可以使用 escape and unscape ，或者更好的是，encodeURIComponent和 decodeURIComponent像这样:

var escaped = escape(divContent);
var encoded = encodeURIComponent(divContent);