jQuery或vanilla JavaScript：全部替换或转义<；及>；

我有一个像这样的潜水艇

<div id="asdf">
  <div>
    <p>ASDF IS AWESOME</p>
  </div>
  <h1>Just another Headline</h1>
  <nav>
    <ul>
      <li class="listitem">Hey</li>
    </ul>
  </nav>
</div>

所以我只想逃避

我试过

.replace

和

.text（）

试试看

var html=$（'#asdf'）.html（）；
var-escaped=$（''）.text（html）.html（）；
console.log（转义）

ASDF非常棒

只是另一个标题

嘿

试试看


var html=$（'#asdf'）.html（）；
var-escaped=$（''）.text（html）.html（）；
console.log（转义）

ASDF非常棒

只是另一个标题

嘿

试试这个：只使用一个函数，你就可以在任何地方使用它


$（文档）.ready（函数（）{
$selector=$（'asdf'）；
log（htmlEntities（$selector））；
功能特性（str）{
str=str.html（）；
返回字符串（str）.replace（//&/g，“&；”）.replace（//g，”）.replace（//“/g，”）；
}
});

ASDF非常棒

只是另一个标题

嘿

试试这个：只使用一个函数，你就可以在任何地方使用它


$（文档）.ready（函数（）{
$selector=$（'asdf'）；
log（htmlEntities（$selector））；
功能特性（str）{
str=str.html（）；
返回字符串（str）.replace（//&/g，“&；”）.replace（//g，”）.replace（//“/g，”）；
}
});

ASDF非常棒

只是另一个标题

嘿

Duplicate of：您可以只使用一个函数检查下面的我的答案。Duplicate of：您可以只使用一个函数检查下面的我的答案。
$（“#asdf”）.prop（“outerHTML”）
会是一个更好的主意，因为
#asdf
也应该包括
$（“#asdf”）.prop（“outerHTML”）
会是一个更好的主意-因为
#asdf
也应该包括在内
<div id="asdf"
  <div>
    <p>ASDF IS AWESOME</p>
  </div>
  <h1>Just another Headline</h1>
  <nav>
    <ul>
      <li class="listitem"Hey</li>
    </ul>
  </nav>
</div>