我知道如何从一个元素中删除属性,已经有一些帖子:
$("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下的所有内容.
$('div.preview *').removeAttr('style');
更新
RE:你的相关问题,如果我们有一个字符串而不是DOM元素.我们可以将它们转换为jQuery对象,删除上述属性,然后将其转换(如果需要).
// 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);