一次删除多个元素上的removeAttr()

时间:2014-12-18 20:46:04

标签: jquery methods

我一直在玩这个,到目前为止还没有找到任何可以解决的地方'它也可以问。我在多个元素上使用jQuery的removeAttr()方法,但要删除元素的属性是相同的,我只是想删除jQuery应用的样式,如下所示:

div1.removeAttr('style');
div2.removeAttr('style');
div3.removeAttr('style');
div4.removeAttr('style');

有没有办法将它合并为一个看起来更干净的陈述?我宁愿不将它们全部组合成一个数组并循环遍历,因为它只会使代码更复杂。

3 个答案:

答案 0 :(得分:3)

假设你的HTML中有一个统一的类,如

<div class="nostyle" style="background-color:red;">1</div>
<div class="nostyle" style="background-color:blue;">2</div>

然后用一个像这个

的JQuery选择器删除它们很简单
$('.nostyle').removeAttr('style');

您可以将此选择器$('div')用于页面上的所有div,但如果想要使用其他带内联样式的div,这不是一个好主意。最好用CSS类指定。

答案 1 :(得分:3)

使用公共选择器作为类,或者如果由于某种原因你必须使用变量,你可以add匹配集中的每个元素:

div1.add(div2).add(div3).add(div4).removeAttr('style');

答案 2 :(得分:1)

$('.divs').removeAttr('style');