2014-12-18 25 views
0

我一直在玩這個,到目前爲止還沒有找到任何地址的地址'它也可以問。我使用jQuery的removeAttr()上的多個元素的方法,但該屬性的元素被移除是一樣的,我只是想去掉了jQuery應用的樣式,像這樣:removeAttr()同時在多個元素

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

是有辦法結合起來這成一個看起來更清潔的聲明?而不是將它們全部結合成一個數組並循環遍歷,因爲它只會使代碼更加複雜。

回答

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類指定。

+0

謝謝,我一定是工作太辛苦了它不黎明在我使用類選擇器時,這是最有幫助的答案。 – Eolis

1

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

3

使用一個共同的選擇爲一類,或者如果由於某種原因,你不得不使用變量,你可以add在匹配集合中的每個元素:

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

我剛剛從你身上學到了jquery.add()。我沒有意識到你可以用這種方式構建一個新的JQuery對象。 – ThisClark

+0

@ThisClark它有時很有用,但通常不是真的......;) –