जांचें कि अधिकतम-चौड़ाई सेट है, jQuery में?

Question

मैं यह जांचने की कोशिश कर रहा हूं कि jQuery में एक इनलाइन शैली पहले ही लागू हो चुकी है या नहीं।

आम तौर पर, मैं कुछ इस तरह करना होगा:

if ($(this).css('max-width') == '20%') {}

हालांकि, मैं प्रतिशत पता नहीं है।कोई अधिकतम-चौड़ाई लागू है या नहीं, यह जांचने का सबसे अच्छा तरीका क्या है?

Answer 1

डिफ़ॉल्ट .css('max-width')"none" वापस आ जाएगी करके अगर कोई max-width परिभाषित किया गया था, तो निम्न स्थिति काम करना चाहिए:

if ($(this).css('max-width') !== 'none') { ... } 

आप इनलाइन शैली केवल के लिए जाँच करने की जरूरत है, जिसका अर्थ है कि आप मूल max-width सीएसएस संपत्ति (उदाहरण के लिए स्टाइलशीट फ़ाइल से) को ओवरराइड करें, आप निम्न कार्य कर सकते हैं:

if (this.style.maxWidth !== '') { ... } 

... की संपत्ति style की संपत्ति "" खाली होगी यदि सीएसएस संपत्ति सेट नहीं की गई थी।

Answer 2

if ($(this).css('max-width')!='none') { } 

Answer 3

यदि किसी तत्व पर max-width संपत्ति लागू नहीं है तो यह none वापस आ जाएगी। none

$(this).css('max-width') =='none' 

या

if($('#element').css('max-width') =='none') { 
// max-width not EXISTS 
} 
else 
{ 
// max-width EXISTS 
} 

जाँच हो रही है जांच करने के लिए प्रयास करें केवल inline style:

if($('#element').attr('style') != 'undefined'){ 
if($('#element').attr('style').indexOf('max-width') == -1) { 
    // max-width not EXISTS 
} 
else 
{ 
    // max-width EXISTS 
} 
} 
else 
{ 
    // Inline style not EXISTS 
} 

या

मैं की सलाह देते हैं का उपयोग jQuery चयनकर्ता Attribute Contains Word Selector

$('div[style ~= "min-width:"]') 

Working Fiddle