17

我知道如何从单个元素中删除属性，已经有一些关于此的帖子：

$("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");
4

7 回答 7

40

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

jsFiddle

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

更新

RE：您的相关问题，如果我们有一个字符串而不是 DOM 元素。我们可以将它们转换为 jQuery 对象，删除上面的属性，然后将它们转换回来（如果需要）。

jsFiddle

// jQuery extension to get an element's outer HTML
// http://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);
于 2013-03-29T14:32:47.373 回答
5

尝试：$("div.preview").children().removeAttr("style");

或：$("div.preview").find("*").removeAttr("style");也得到孙子。

于 2013-03-29T14:32:57.900 回答
0

$("div.preview,div.preview *")).removeAttr("style")

于 2013-03-29T14:33:01.153 回答
0 
$("div.preview, div.preview *").removeAttr("style");
于 2013-03-29T14:33:16.553 回答
0

选择 div，选择它的子项，然后将 div 添加回集合并删除类。

$('div.preview').find('[style]').addBack().removeAttr('style')
// replace addBack with andSelf for older jQuery
// if you don't want to remove it from the preview div, just leave addBack off.

但是，从长远来看，修复编辑器可能比修复结果更好。

于 2013-03-29T14:35:10.070 回答
0

你可以试试这个

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

从所有子元素中删除样式div.preview

于 2013-03-29T14:35:38.597 回答
-1

尝试这样做

$("#frameDemo").contents().find("#div_id").parent('div').removeAttr('onclick');
$("#frameDemo").contents().find("#div_id").children('div').removeAttr('onclick');
于 2013-05-28T05:19:54.480 回答