在jquery中按样式选择器查找元素

时间:2010-10-01 18:00:42

标签: jquery jquery-selectors

我正在尝试找到具有特定样式的元素,并将其样式更改为其他内容。

这是html元素

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

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

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

但这不起作用。有人可以提出一个想法吗?

注意:出于某种原因,我无法更改html。

3 个答案:

答案 0 :(得分:24)

小心空间:)

您应该使用"'来引用该值。

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

如果它在IE中不起作用,您可以尝试删除空格吗? (完全未经测试!)

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

答案 1 :(得分:18)

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

答案 2 :(得分:2)

明显的问题是你的元素是<table>,而你的jQuery选择器正在选择所有<div>

我认为空格也存在问题,因为你的HTML在样式元素中包含空格,但你的选择器却没有。 (我在这里可能错了,E[a*=v]选择器没有经验。)