Öğenin bir kenarlığı olup olmadığını kontrol etmek için JQuery'yi kullanın.

Question

Yani bir öğenin bir kenarlığı olup olmadığını belirlemeye çalışıyorum, $(el).css() ile oynuyor.

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

: Ben çalışan sınır ayarlamak için .css("border-style", "solid") kullanmak, ama aslında o 4 ayrı ayrı tarzlarda ayarlar: Eğer böyle bir şey yapmak zorunda Yani

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

, sınır kontrol biraz hantal

$(el).css("border-style") != "" için kontrol etmek, border-style her zaman "" için her zaman eşittir.

Bunu yapmanın daha şık bir yolu var mı?

Answer 1

border-style Steno olduğunu ve bunu mümkün olup olmadığını bilmiyorum gibi 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 özellik TÜMÜ ayarlanmış olup olmadığını bilmek istiyorsanız, o zaman evet 4 özelliği kontrol etmeniz gerekir. Seçiciyi önbelleğe alsam da.

$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

başına, çünkü Separatly onları almak zorunda bunları birbirine uyuyamıyrom Ne denersen onu yap. DOM yalnızca satır içi veya komut dosyasındaki öğeye atanan öğe için stiller sağlar. CSS bildirimlerinden bir sınır gibi bir stil miras aldığını göstermez.

Answer 4

Hala özelliklerini test etmek zorunda ama bu biraz daha soyut yapabilir ...

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

Bu miras CSS dosyalarından stil değerleri görüntüleyebilir

....

uyarısı ($ ("seçici") css ("border-bottom-color")).;