jquery

Question

के साथ विशिष्ट इनलाइन शैली को हटाएं एक एएसपी मेनू है जिसका उपयोग मैं कर रहा हूं ऑटो डालने वाली शैली = "चौड़ाई: 3 पीएक्स;" मेरे मेनू टेबल टीडीएस में मेरे टैब के बीच एक बुरा गैब बनाते हैं। मैं इस कॉस्मेटिक दोष के लिए मेनू को अनुकूलित करने वाले हमारे डेवलपर की बजाय jquery के साथ इस इनलाइन शैली को हटाने के लिए परीक्षण कर रहा हूं।

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

jQuery में, मैं ऐसा करके शैली विशेषता के साथ सभी टीडीएस हटा सकते हैं::

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

हां, तो मेरे सवाल है, मैं कैसे लक्षित कर सकते हैं

नीचे

एक सरल उदाहरण है इनलाइन शैली जिसमें केवल 3 पीएक्स है? http://jsfiddle.net/n9upF/

Answer 1

आप कैसे आप केवल इसमें width:3px; साथ टीडी का है कि शैली विशेषता का चयन कर सकते हैं, सही पूछ रहे हैं?

आप Attribute Equals Selector का उपयोग कर सकते हैं।

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

Answer 2

हां, तो मेरे सवाल है, मैं कैसे केवल लक्ष्य इनलाइन शैली है कि शामिल केवल 3px कर सकते हैं:

यहाँ मेरी लाइव डेमो है?

इस प्रयास करें:

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

See Working Example

Answer 3

मेरा मानना ​​है कि इवान केवल चौड़ाई को हटाना चाहता था: 3 पीएक्स; शैली से जबकि अन्य सीएसएस स्टाइल विशेषता में रहते हैं। तो यहाँ समाधान है:

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

कार्य उदाहरण here

है यदि यह नहीं है कि तुम क्या जरूरत है तो सरफराज उचित समाधान दिखाया गया है। :)