यह जांचने के लिए JQuery का उपयोग करें कि तत्व की सीमा है या नहीं?

Question

तो मैं यह निर्धारित करने की कोशिश कर रहा हूं कि किसी तत्व की सीमा है या नहीं, तो मैं $(el).css() के साथ खेल रहा हूं। मैं .css("border-style", "solid") का उपयोग सीमा है, जो काम करता है स्थापित करने के लिए है, लेकिन वास्तव में यह 4 व्यक्तिगत शैली सेट:

if ($(el).css("border-right-style") == "solid" && $(el).css("border-left-style") == "solid" && ...) {} 

:

border-right-style 
border-left-style 
border-top-style 
border-bottom-style 

तो, एक सीमा के लिए जाँच थोड़ा बोझिल के रूप में आप की तरह कुछ करने के लिए है

बस $(el).css("border-style") != "" की जांच कर रहा है border-style के बाद से काम नहीं करता है हमेशा "" के बराबर होता है।

क्या ऐसा करने के लिए एक और शानदार तरीका है?

Answer 1

border-style आशुलिपि है और आप नहीं कर सकते हैं, ताकि आप उन्हें separatly प्राप्त करने के लिए है, क्योंकि के रूप में प्रति Jquery CSS documentation

Shorthand CSS properties (e.g. margin, background, border) are not supported. 
For example, if you want to retrieve the rendered margin, 
use: $(elem).css('marginTop') and $(elem).css('marginRight'), and so on. 

Answer 2

यदि आप जानना चाहते हैं कि 4 गुण सभी सेट हैं, तो हाँ आपको 4 गुणों की जांच करनी होगी। हालांकि मैं चयनकर्ता को कैश करेगा।

$el = $('a'); 
if ($el.css("border-right-style") == "solid" && $el.css("border-left-style") == "solid" && $el.css("border-top-style") == "solid" && $el.css("border-bottom-style") == "solid") 
{ 
    alert('yay'); 
} 

jsFiddle

Answer 3

मैं अगर यह संभव है कि पता नहीं है उन दोनों को जो भी आप कोशिश कर रहे हैं करो डीओएम केवल उस तत्व के लिए शैलियों को प्रदान करता है जो इनलाइन या स्क्रिप्ट में तत्व को असाइन किया गया था। यह दिखाता नहीं है कि क्या इसे सीएसएस घोषणाओं से सीमा जैसी शैली मिली है।

Answer 4

तुम अब भी गुणों का परीक्षण करने के लिए है, लेकिन यह है कि यह एक छोटे से अधिक सार कर सकते हैं ...

function check(sel, prop) { 
    var i, property, $o = $(sel), directions = ["left", "right", "top", "bottom"]; 

    for (i = 0; i < directions.length; i++) { 
     property = $o.css(prop + '-' + directions[i] + '-style'); 
     if (property !== 'solid') { 
      return false; 
     } 
    } 

    return true; 
} 

Answer 5

यह विरासत में मिला सीएसएस फ़ाइलों से शैली मूल्यों को प्रदर्शित कर सकते हैं ....

चेतावनी ($ ("चयनकर्ता") सीएसएस ("सीमा-नीचे-रंग"))।