jQuery.css () не возвращает border-color с красным

Question

CSS: .divIm { border:1px solid red; }, а кодовая строка var borderColor = $(this).css("border-color") возвращает "".Что случилось?Или было бы правильно пытаться получить вычисляемый стиль, если я использую jQuery?

Обновление: Ниже приведен код, который не хочет работать так, как ожидалось.

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

Answer 1

Поскольку каждая из четырех границ может иметь свой цвет, .css('border-color') не может определить, какой цвет вернуть (даже если они все одинаковые).

В большинстве случаев цвет всех границ одинаков, поэтому вы можете сделать это следующим образом:

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

Таким образом, вы получите цвет левой границы, и этого должно быть достаточно для ваших нужд.

Answer 2

Вы можете получить вычисленный стиль с помощью curStyles jQuery Plugin , включая несколько вычисленных стилей.

Answer 3

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

Вы должны показать больше, чем это. Но если это все, что у вас есть, то проблема в том, что this не определено.

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

Будет то, что вам нужно.