jQuery.css(), kenarlık rengini, kırmızı

Question

CSS: .divIm { border:1px solid red; } ve var borderColor = $(this).css("border-color") kod satırında "" döndürür. Yanlış olan ne? Ya da jQuery kullanırsam, hesaplanmış stil elde etmeye çalışmak doğru olur mu?

Güncelleme: Aşağıda beklendiği gibi çalışmak istemeyen bir kod.

$("div.divIm").mouseover(function() { 
    var borderColor = $(this).css("border-color"); 
    debugger; 
}); 

Answer 1

Dört kenarlığın her biri farklı bir renge sahip olabileceğinden, .css('border-color') çalışmaz, hangi rengin döndüğü (hepsi aynı olsa bile). Vakaların çoğunda

, tüm sınırların renk aynıdır, bu nedenle böyle yapabilirsiniz:

Yani

$('div.divIm').mouseover(function() { 
    var borderColor = $(this).css('border-left-color'); 
    debugger; 
}); 

sol sınırının rengini almak ve bunun için yeterli olmalı senin ihtiyacı vardır.

Answer 2

var borderColor = $(this).css("border-color") 

Sen daha fazlasını göstermek gerekir. Ama eğer sahip olduğunuz tek şey bu ise sorun this'un tanımlanmamış olmasıdır.

var borderColor = $('.divIm').css("border-color"); 

İhtiyacınız olan şey bu olacaktır.

Answer 3

Hesaplanan stili, birden çok hesaplanmış stil dahil olmak üzere curStyles jQuery Plugin ile alabilirsiniz.