使用 jquery 删除特定的内联样式

Question

我正在使用一个 asp 菜单，它会自动插入 style="width:3px;"进入我的菜单表 tds，在我的选项卡之间创建一个令人讨厌的间隙。我正在测试使用 jquery 删除这种内联样式，而不是让我们的开发人员专门针对这种外观缺陷自定义菜单。

下面是一个简单的例子：

<table border="1" cellspacing="0" cellpadding="0">
   <tr>
      <td style="width:3px;">hello world</td>
   </tr>
</table>

在jquery中，我可以通过以下方式删除所有具有样式属性的td：

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

所以，我的问题是，我如何定位仅包含3px的内联样式？

这是我的现场演示：http://jsfiddle.net/n9upF/

Answer 1

您问如何选择具有样式属性且仅包含 width:3px; 的 td，对吗？

您可以使用属性等于选择器。

$("td[style='width:3px;']").removeAttr("style");​

Answer 2

我相信埃文只想删除 width:3px;来自样式，而其他 css 样式保留在属性中。所以这里是解决方案：

$('td').each(function(){
  if ($(this).attr('style').indexOf('3px') !== -1){
    var style = $(this).attr('style');
      $(this).attr('style', style.replace(/width: ?3px;/g, ''));
  }
});

工作示例是这里

如果这不是您需要的，那么Sarfraz会显示正确的解决方案。 :)

Answer 3

所以，我的问题是，我怎样才能只
定位包含的内联样式
只有3px？

试试这个：

$('td').each(function(){
  if ($(this).attr('style').indexOf('3px') !== -1){
    $(this).removeAttr('style');
  }
});

查看工作示例