jQuery从ALL元素中删除样式属性

前端之家收集整理的这篇文章主要介绍了jQuery从ALL元素中删除样式属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道如何从一个元素中删除属性,已经有一些帖子:
$("div.preview").removeAttr("style");

这是HTML代码

<div class="preview" style="background-color:white">
   <p>Some text<span style="font-size:15px;">some text</span></p>
   some more code
</div>

问题是这将从预览div中删除样式属性.我想从该div中的所有元素中删除.这只是一个例子,在实际情况下会有更广泛的html.

有没有办法做到这一点?

更新:
太好了,我现在知道怎么做但是如果html被发送到函数作为字符串存储在变量中.所以代替

$("div.preview")

我有

var string = '<div class="preview"><p style='font-size:15px;'>....</p><div>'

有什么办法可以说下面这样的东西吗?

$(string).find(*).removeAttr("style");

解决方法

您可以使用通配符选择器*来选择div.preview下的所有内容.

jsFiddle

$('div.preview *').removeAttr('style');

更新

RE:你的相关问题,如果我们有一个字符串而不是DOM元素.我们可以将它们转换为jQuery对象,删除上述属性,然后将其转换(如果需要).

jsFiddle

// jQuery extension to get an element's outer HTML
// https://stackoverflow.com/a/2419877/1156119
jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<p>").append(this.eq(0).clone()).html();
};

var string = '<div class="preview"><p style="font-size:15px;">....</p><div>'
var elements = $(string);
elements.find('*').removeAttr('style');

var withoutStyles = elements.outerHTML();
alert(withoutStyles);
原文链接:https://www.f2er.com/jquery/176062.html

猜你在找的jQuery相关文章