javascript - 尝试使用 jquery 从元素中删除所有 html

Question

我有一个 DIV 元素，其中填充了一堆我想删除的 HTML 实体:

<div class="text">
<p>&lt;p&gt;&#8203;&lt;span style="line-height:25px;"&gt;&#8203;&lt;/span&gt;&lt;span style="line-height:25px;"&gt;&#8203;Hej hop!&lt;/span&gt;&nbsp;&lt;span style="line-height:25px;"&gt;&#8203;&lt;/span&gt;&lt;span</p>
</div>

我正在使用 jQuery 并创建了这段代码，但它不起作用:

$('.text').each(function () {
    $(this).replace(/<\/?[a-z][a-z0-9]*[^<>]*>/ig, "");
});

我正在尝试用短语“Hej Hop!”替换文本。

正则表达式没有错..

这是我对其他一些页面的处理方式:

    text = text.replace(/<\/?[a-z][a-z0-9]*[^<>]*>/ig, "");

但这是在带有返回文本参数的 javascript 函数中。但是在这个特定页面上，我需要使用 jquery 并迭代和检查...

问题已解决:

$('text').each(function () {
    $(this).html(function (i, v) {
        return $('<div>').html(v).text();
    });
});

Answer 1

你只需要:

$('.text').empty();

编辑 — 如果您想从元素的内容中删除标记，最简单的做法就是 Marc B 在评论中建议:

$('.text').each(function() {
  $(this).text($(this).text());
});