javascript - 提取包含文本节点的 HTML 而不对它们进行编码

Question

我有以下 HTML:

var html = jQuery('#parent').html();
console.log(html)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
  <div id="child"></div>
  5 > 3
</div>

我执行 jQuery('#parent').html(); 并得到以下字符串:

'<div id="child"></div>
 5 &gt; 3'

我想获取以下字符串:

'<div id="child"></div>
 5 > 3'

我该如何实现？

请注意，我不会提前知道文本节点的值。我只是不想将文本节点(如果存在)的值编码为某个 html 实体名称。

这个问题不是How to decode HTML entities using jQuery?的重复因为上述帖子没有回答这个问题。

当前的问题不是关于如何将 > 之类的 html 实体名称解码为 >。这很容易。

当前的问题是关于提取 可能 包含可能 包含可编码值的文本节点的 HTML，我不希望这些值中的任何一个被格式化/编码任何方式。

Answer 1

试试这个，通过强制 jQuery 解码不会附加到 DOM 的元素上的 html。

var html = jQuery('<textarea/>').html(jQuery('#parent').html()).text();

console.log(html)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
  <div id="child"></div>
  5 > 3
</div>