Belirli satır içi stilini jquery ile kaldırın

Question

Kullanmakta olduğum bir asp menüsü var otomatik ekleme stili = "width: 3px;" benim tablolarımın arasına sekmelerim arasında kötü bir gab yaratıyor. Sadece bu kozmetik leke için menüyü özelleştirerek geliştiricimizin yerine jquery ile bu inline stilini kaldırmak için test ediyorum.

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

jquery i yaparak bir stil özelliği ile tüm tds kaldırabilirsiniz:

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

yüzden, benim sorum, nasıl hedefleyebilir aşağıda

basit bir örnek Yalnızca 3px içeren satır içi stil? http://jsfiddle.net/n9upF/

Answer 1

Haklısınız, bunu sadece width:3px; ile TD'sinin var stil özelliği seçebilirsiniz nasıl soruyorsun?

Attribute Equals Selector'u kullanabilirsiniz.

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

Answer 2

yüzden, benim sorum, nasıl sadece hedef içeren satır içi stil sadece 3px edebilirsiniz:

İşte benim canlı demo?

bu deneyin:

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

See Working Example

Answer 3

Evan'un yalnızca genişliği kaldırmak istediğine inanıyorum: 3px; diğer css stili, özellikte kalırken stilde. Yani burada çözüm: Bu daha sonra Sarfraz uygun çözüm gösterilmektedir gerekli değilse

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

Çalışma örnek here

olduğunu.