Entfernen Sie bestimmte Inline-Stil mit Jquery

Question

Es gibt ein ASP-Menü, das ich verwende, das ist automatisch einfügen style = "width: 3px;" in meine Menü-Tabelle tds erstellen einen bösen Gab zwischen meinen Tabs. Ich teste, um diesen Inline-Stil mit jquery zu entfernen, anstatt unseren Entwickler das Menü nur für diesen kosmetischen Makel anzupassen.

unten ist ein einfaches Beispiel:

<table border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td style="width:3px;">hello world</td> 
    </tr> 
</table> 

in jquery, ich alle tds mit dem Stil-Attribute, indem Sie entfernen:

meine Frage ist

$('td').removeAttr('style'); 

so, wie kann ich das Ziel Inline-Stil, der nur 3px enthält?

Hier ist meine Live-Demo: http://jsfiddle.net/n9upF/

Answer 1

Sie fragen, wie Sie TDs auswählen können, die Stil-Attribut mit nur width:3px; drin, nicht wahr?

Sie können Attribute Equals Selector verwenden.

Answer 2

so, meine Frage ist, wie kann ich nur Ziel der Inline-Stil, die nur 3px enthält?

Try this:

$('td').each(function(){ 
    if ($(this).attr('style').indexOf('3px') !== -1){ 
    $(this).removeAttr('style'); 
    } 
}); 

See Working Example

Answer 3

Ich glaube, dass Evan nur die Breite entfernen wollte: 3px; von der Art, während das andere css-Anreden im Attribut bleibt. So, hier ist die Lösung:

$('td').each(function(){ 
    if ($(this).attr('style').indexOf('3px') !== -1){ 
    var style = $(this).attr('style'); 
     $(this).attr('style', style.replace(/width: ?3px;/g, '')); 
    } 
}); 

Arbeitsbeispiel ist here

Wenn dies nicht das, was benötigt man dann die Sarfraz die richtige Lösung gezeigt. :)