jquery中通过样式选择器查找元素

Question

我试图找到具有特定样式的元素并将其样式更改为其他样式。

这是 html 元素

<table style='width: 555px;'>
  <tr>
    <td>blablabla</td>
  </tr>
</table>

现在我试图找到宽度为 555px 的表格并使用 jquery 将其更改为 650px。

$('table[style*=width:555px]').css("width", "610px");

但这是行不通的。有人可以激发一个想法吗？

注意：由于某种原因我无法更改 html。

Answer 1

注意空格:)

并且您应该用 " 或 ' 引用该值。

$('table[style*="width: 555px"]').css("width", "610px");

如果它在 IE 中不起作用，您可以尝试删除空格？（完全未经测试！ ）

$('table[style*="width: 555px"],table[style*="width:555px"]')
    .css("width", "610px");

Answer 2

$('table').filter(function() {
    return $(this).css('width') == '555px';
}).css("width", "610px");

Answer 3

那么明显的问题是您的元素是 并且您的 jQuery 选择器正在选择所有

。

我想空白也存在问题，因为您的 HTML 样式元素中包含空格，但您的选择器却没有。 （我在这里可能是错的，没有使用 E[a*=v] 选择器的经验。）