Eliminar estilo en línea específico con jquery

Question

Hay un menú asp que estoy usando que se está insertando automáticamente style = "width: 3px;" en mi mesa de menú tds creando una desagradable sopa de letras entre mis pestañas. Estoy probando eliminar este estilo en línea con jquery en lugar de que nuestro desarrollador personalice el menú solo para este defecto cosmético.

a continuación es un ejemplo sencillo:

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

en jQuery, puedo eliminar todos los TDS con el atributo de estilo haciendo:

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

lo tanto, mi pregunta es, ¿Cómo se orienta la estilo en línea que solo contiene 3px?

Aquí es mi demostración en vivo: http://jsfiddle.net/n9upF/

Answer 1

que están pidiendo cómo se puede seleccionar atributo de estilo que tienen de td, con sólo width:3px; en ella, ¿verdad?

Puede usar Attribute Equals Selector.

$("td[style='width:3px;']").removeAttr("style");​ 

Answer 2

lo tanto, mi pregunta es, ¿cómo puedo solamente objetivo el estilo en línea que contiene solamente 3px?

Prueba esto:

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

See Working Example

Answer 3

Creo que Evan quería eliminar solo el ancho: 3px; del estilo, mientras que el otro estilo css permanece en el atributo. Así que aquí está la solución:

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

Ejemplo de trabajo es here

Si esto no es lo que necesitaba entonces el Sarfraz se muestra la solución adecuada. :)