javascript - 如何从 jquery 中找出一个 css 值

Question

我有以下代码，可让我在单击时将日历中事件的颜色更改为红色。

 eventClick: function(calEvent, jsEvent, view) {
   $(this).css('border-color', 'red');
 }

我想要做的是允许用户通过简单的点击来改变颜色，这样它就会从红色变为绿色变为蓝色变为黄色等等。

     eventClick: function(calEvent, jsEvent, view) {
       if red then 
           $(this).css('border-color', 'green');
       else if green
           $(this).css('border-color', 'blue');
        etc
 }

所以我想“找出”当前的颜色是什么，红色是否变为蓝色，蓝色是否变为绿色等等。我只有大约 5 种颜色。

Answer 1

你需要这个:

$("#id").css("border-left-color")

下面这个将返回一个空字符串，

$(this).css('border-color');

border-color 属性实际上设置了 border-top-color、border-right-color、border-bottom-color 和 border-left-color 4 个属性，它是所有这些简写属性的组合。如果你想得到边框颜色，你需要指定哪一边。像这样说:border-left-color $("#id").css("border-left-color")。这应该足够了，因为我希望每一面都有相同的颜色。