Javascript 发生addClass（）时添加css

下面是此Bootstnip示例转盘的“最低限度”修订版本：

我添加了sass，为“活动”列表项添加了彩色边框。我试图编辑javascript文件，以便在“active”类被更改/添加到新列表项时更改边框槽口。我试图，首先，创建一个变量来存储“活动”列表项的边框凹口的currentColor，然后，更改父ul的边框颜色以与“活动”列表项的边框凹口颜色相对应

#myCarousel{
.导航药丸{
>李{
&.客户-1{
&.主动{
&：之前{
边框颜色：透明透明#FACC00透明；
}
}
}
&.客户-2{
&.主动{
&：之前{
边框颜色：透明透明#685742透明；
}
}
}
&.客户-3{
&.主动{
&：之前{
边框颜色：透明透明#E2EDC3透明；
}
}
}
&.客户-4{
&.主动{
&：之前{
边框颜色：透明透明#138B95透明；
}
}
}
&.客户-5{
&.主动{
&：之前{
边框颜色：透明透明#FAA41A透明；
}
}
}
}
}
}

$（文档）.ready（函数（）{
$（'myCarousel'）。carousel({
间隔时间：4000
});
var clickEvent=false；
var currentColor=$（'#myCarousel.nav li.active:before'）.css（'border-color'）；
$（'myCarousel'）。on（'click'，'nav a'，函数（）{
clickEvent=true；
$（'#myCarousel.nav li'）.removeClass（'active'）；
$（this）.parent（）.addClass（'active'）.parent（'.nav'）.css（'border-color'，currentColor））；
}).on（'slided.bs.carousel'，功能（e）{
如果（！clickEvent）{
var count=$（'#myCarousel.nav'）.children（）.length-1；
var current=$（'myCarousel.nav li.active'）；
current.removeClass（'active'）.next（）.addClass（'active'）；
var id=parseInt（current.data（'slide-to'）；
if（count==id）{
$（'#myCarousel.nav li'）.first（）.addClass（'active'）；
}
}
clickEvent=false；
});
});

关于，您不能在jQuery中访问：before和：after，因为它们不是DOM的一部分。 此外，为了在：before和：after中使用样式，应添加内容：“”；去吧。否则，样式将不会显示在所有浏览器中

您可以向元素添加数据颜色，然后使用此信息。但是我认为你不会满意这个，因为你将不再有风格和html的分离

另一个选项是向指定活动元素的父元素添加一个类。例如addClass（'client-1'），然后可以指定ul.client-1{}之类的样式。如果元素已更改，则必须再次删除它