Buscar elemento por selector de estilo en jquery

Question

Estoy tratando de encontrar un elemento con un estilo particular y cambiar su estilo a otra cosa.

Aquí es el elemento html

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

Ahora estoy tratando de encontrar la tabla con un ancho de 555px y el cambio a 650 píxeles usando jQuery.

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

Pero esto no está funcionando. ¿Alguien puede provocar una idea, por favor?

NOTA: Por algún motivo, no puedo cambiar el html.

Answer 1

Bueno, el problema obvio es que su elemento es un <table> y su selector jQuery está seleccionando todos <div> s.

Imagino que también hay un problema con los espacios en blanco, ya que su HTML contiene espacio dentro del elemento de estilo pero su selector no. (Puedo estar equivocado aquí, no tiene experiencia con el selector E[a*=v].)

Answer 2

Cuidado con espacios :)

y usted debe encerrar el valor entre " o '.

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

Si no funciona en IE, ¿podrías intentar eliminar el espacio? (Totalmente no probado!)

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

Answer 3

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