jquery html特殊字符反转义,JS - 实现HTML标签的转义、反转义的几种方法

你好！要实现HTML标签的转义和反转义，可以使用jQuery或者纯JavaScript来完成。下面是几种方法：

1. 使用jQuery的.text()方法进行转义和反转义：

// 转义HTML标签
var escapedText = $('<div>').text('<p>Some text</p>').html();
console.log(escapedText); // 输出：&lt;p&gt;Some text&lt;/p&gt;

// 反转义HTML标签
var unescapedText = $('<div>').html('&lt;p&gt;Some text&lt;/p&gt;').text();
console.log(unescapedText); // 输出：<p>Some text</p>

2. 使用纯JavaScript的innerHTML属性进行转义和反转义：

// 转义HTML标签
var escapedText = document.createElement('div');
escapedText.textContent = '<p>Some text</p>';
var escapedHTML = escapedText.innerHTML;
console.log(escapedHTML); // 输出：&lt;p&gt;Some text&lt;/p&gt;

// 反转义HTML标签
var unescapedText = document.createElement('div');
unescapedText.innerHTML = '&lt;p&gt;Some text&lt;/p&gt;';
var unescapedHTML = unescapedText.textContent;
console.log(unescapedHTML); // 输出：<p>Some text</p>

3. 使用纯JavaScript的正则表达式进行转义和反转义：

// 转义HTML标签
function escapeHTML(html) {
  return html.replace(/</g, '&lt;').replace(/>/g, '&gt;');
}
var escapedText = escapeHTML('<p>Some text</p>');
console.log(escapedText); // 输出：&lt;p&gt;Some text&lt;/p&gt;

// 反转义HTML标签
function unescapeHTML(html) {
  return html.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
}
var unescapedText = unescapeHTML('&lt;p&gt;Some text&lt;/p&gt;');
console.log(unescapedText); // 输出：<p>Some text</p>

上述方法可以帮助你实现HTML标签的转义和反转义。希望对你有帮助！如果还有其他问题，请随时提问。