2010-10-01 22 views
12

Próbuję znaleźć element o określonym stylu i zmienić jego styl na coś innego.Znajdź element według selektora stylu w jquery

Oto element html

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

Teraz próbuję znaleźć tabelę o szerokości 555px i zmienić go na 650px za pomocą jQuery.

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

Ale to nie działa. Czy ktoś może zainicjować pomysł?

UWAGA: Z jakiegoś powodu nie mogę zmienić html.

Odpowiedz

2

Oczywiście oczywistym problemem jest to, że Twój element to <table>, a Twój selektor jQuery wybiera wszystkie <div>.

Wyobrażam sobie, że istnieje również problem z białymi spacjami, ponieważ twój HTML zawiera odstępy w elemencie stylu, ale twój selektor tego nie robi. (Mogę się mylić tutaj, nie doświadczył z selektora E[a*=v].)

+0

przykro niewłaściwy kod skopiowany. Mój aktualny blok kodu to $ ('table [style * = width: 555px]'). Css ("width", "610px"); – Krishna

19

Strzeż miejsc :)

I należy podać wartość z " lub '.

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

Jeśli to nie działa w IE, możesz spróbować usunąć tę przestrzeń? (Całkowicie niesprawdzone!)

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

Częściowo działa, mam na myśli pracę w firefoxie, ale nie w IE :( – Krishna

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