jQuery.css() ne renvoient pas border-color qui est rouge

Question

CSS: .divIm { border:1px solid red; } et la ligne de code var borderColor = $(this).css("border-color") renvoie "". Qu'est-ce qui ne va pas? Ou serait-il correct d'essayer d'obtenir un style calculé si j'utilise jQuery?

Mise à jour: Vous trouverez ci-dessous un code qui ne veut pas fonctionner comme prévu.

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

Answer 1

Étant donné que chacune des quatre bordures peut avoir une couleur différente, .css('border-color') ne peut pas déterminer la couleur à renvoyer (même si elles sont toutes les mêmes).

Dans la plupart des cas, la couleur des frontières est la même, de sorte que vous pouvez le faire comme ceci:

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

Ainsi, vous obtenez la couleur de la bordure gauche et qui devrait être suffisant pour votre Besoins.

Answer 2

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

Vous devez montrer plus que cela. Mais si c'est tout ce que vous avez alors le problème est que this n'est pas défini.

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

Sera ce dont vous avez besoin.

Answer 3

Vous pouvez obtenir le style calculé avec curStyles jQuery Plugin incluant plusieurs styles calculés.