javascript - 去除每个子元素的 html

Question

假设我有像这样的脏 html...

let dirty = `
<pre>
    pre tag with <b>html</b>
</pre>
<pre>
    another pre tag with <b>html</b>
</pre>
`

我需要从 pre 标签的每个子标签中去除 html...

我正在做这个...

let $ = cheerio.load(dirty)
$('pre').each(function() {
    let text = $(this).text()
    console.warn(text) // html are stripped
    return `<pre>${text}</pre>`
});
console.log($.html()) // html are not stripped

我错过了什么..？？

Answer 1

首先，请注意，虽然从技术上讲您可以使用反引号分隔多行字符串，但 IE 完全不支持它，因此不能可靠地使用它。您需要使用引号 (') 或双引号 (")。

你的逻辑的问题是你在每个循环中定义了 text 变量，但是什么都不做，因为从 each() 返回是多余的。

要解决此问题，您可以简单地使用 text() 方法从给定元素中删除任何子 HTML。试试这个:

let dirty = '<pre>pre tag with <b>html</b></pre><pre>another pre tag with <b>html</b></pre>';

$('body').append(dirty);
$('pre').text(function(i, t) {
  return t;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>