使用JQuery删除表中的内联属性

Question

首先也是最重要的一点是我的目标代码：

table width=“100%”cellspacing=“1”cellpadding=“5”border=“1”style=“页边空白顶部：30px；边框：实心1px#999999

我想使用jquery从表中删除边框属性。我有数百个表使用相同的代码集，并希望尝试不同的外观。

任何帮助都将不胜感激

Answer 1

请注意，您有两个对元素边框的引用。一个作为元素上的属性，另一个作为内联样式属性。

可以使用jQuery的removeAttr（）函数从DOM元素中删除属性。这样，您就可以删除border=“1”属性。

$("#table_element").removeAttr( "border" );

或者，您可以将border属性设置为零。为此，您可以使用attr（）函数：

$("#table_element").attr( "border", 0 );

此外，您要做的是编辑元素的CSS属性，因为您的元素也有一些内联样式。

为此，您可以使用jQuery的css（）函数，并将边框属性设置为“无”。

$("#table_element").css( "border", "none");