如何使用jQuery删除html中的内联样式?

时间:2013-10-01 15:46:55

标签: jquery

是否可以使用jQuery删除应用于HTML的任何样式,而不是通过CSS或样式属性,例如:

<table width="100%" border="0" cellSpacing="0" cellPadding="0">

我想删除width,border,cellSpacing&amp; CELLPADDING。

我在这里看过这篇文章:Use jQuery to remove an inline style但它只对特定属性执行此操作加上它似乎使用style属性应用它而不删除内联属性。

编辑:我不想删除任何使用style属性应用的内容我要删除任何未使用它的内容 感谢

3 个答案:

答案 0 :(得分:10)

检查一下

$('#myElement').removeAttr('style');

答案 1 :(得分:9)

以前的答案正好说明了没有想要的内容。

不是通过CSS或style属性。我想删除宽度,边框,cellSpacing&amp; CELLPADDING

$('*').removeAttr('width border cellSpacing cellPadding'); // etc

答案 2 :(得分:2)

你可以使用

$('#myElement').removeProp('style');

removeProp

OP更新问题后更新

DEMO

$('#myElement').removeAttr('border');

DEMO

$('#myElement').removeAttr('border width cellSpacing cellPadding');

如果要删除所有元素的属性

$('*').removeAttr('border width cellSpacing cellPadding');

并列出要在removeAttr('')

中删除的属性