Найти элемент по селектору стиля в jquery

Я пытаюсь найти элемент с определенным стилем и изменить его стиль на что-то еще.

Вот элемент html

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

Теперь я пытаюсь найти таблицу шириной 555px и изменить ее на 650 пикселей с помощью jquery.

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

Но это не работает. Может кто-нибудь зажечь идею?

ПРИМЕЧАНИЕ. По какой-то причине я не могу изменить html.

Ответ 1

Остерегайтесь пробелов:)

И вы должны указать значение с помощью " или '.

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

Если это не работает в IE, вы можете попытаться удалить пробел? (полностью непроверенный!)

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

Ответ 2

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

Ответ 3

Ну, очевидная проблема заключается в том, что ваш элемент является <table>, и ваш селектор jQuery выбирает все <div> s.

Я бы тоже подумал, что проблема с пробелом тоже, поскольку ваш HTML содержит пробел внутри элемента стиля, но ваш селектор этого не делает. (Возможно, я ошибаюсь здесь, не испытывая селектора E[a*=v].)