jquery - 如何使用 jQuery 删除 html 中的内联样式？

Question

是否可以使用 jQuery 删除任何不通过 CSS 或 style 属性应用于 HTML 的样式，例如这里：

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

我想删除宽度、边框、cellSpacing 和 cellPadding。

我在这里看到了这篇文章：使用 jQuery 删除内联样式，但它只对特定属性执行此操作，而且它似乎使用样式属性应用它，而不是删除内联样式。

编辑：我不想删除使用样式属性应用的任何内容我想删除尚未使用它应用的任何内容谢谢

score 10 · Accepted Answer

10

检查这个

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

于 2013-10-01T15:48:20.540 回答

score 9 · Accepted Answer

以前的答案准确地说明了您不想要的内容。

不是通过 CSS 或 style 属性。我想删除宽度、边框、cellSpacing 和 cellPadding。

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

score 2 · Accepted Answer

您可以使用

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

OP更新问题后更新

演示

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

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

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

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

并列出要在里面删除的属性removeAttr('')

3 回答 3