javascript - jQuery:从 DOM 元素的所有实例中删除 html 标签

Question

我的 HTML 页面中有多个 .text-excerpt 实例，我想知道如何从该元素的每个实例中删除所有标签。

HTML:

<span class="text-excerpt">
    <p>Lorem ipsum dolor sit <strong>amet</strong>, consectetur adipiscing <br>elit. Aenean eget.</p>
</span>
<span class="text-excerpt">
    <p>Lorem ipsum dolor sit <strong>amet</strong>, consectetur adipiscing <br>elit. Aenean eget.</p>
</span>
<span class="text-excerpt">
    <p>Lorem ipsum dolor sit <strong>amet</strong>, consectetur adipiscing <br>elit. Aenean eget.</p>
</span>

Answer 1

您可以使用.text()为了那个原因。 .text() 的 getter 版本将获取元素的 .innerHTML 属性并过滤掉任何 HTML 标签。

将函数传递给 .text() 的 setter 版本并返回获取的值。

$('.text-excerpt').text(function(_,v){
    return v;
});

JSFiddle

<小时/>

你可以用它制作一个简洁的小插件:

$.fn.removeHTML = function(){
    return this.each(function(){
        $(this).text(function(_, v){ return v ; });
    });
};

JSFiddle