使用jQuery更新div：属性之后

Question

我需要使用JQuery更新以下CSS，因为颜色将动态生成。任何帮助将不胜感激：

#Level1 div:after {
    content: "";  
    border-left-color: lightblue;
}

这里我需要动态更新border-left-color属性，所以我必须使用JQuery来更新它。

Answer 1

jQuery无法直接选择伪元素。你可以做的是将一个类添加到父元素，然后在该类上键入伪选择器，如下所示：

#Level1 div:after {
    content: "";  
    border-left-color: lightblue;
}
#Level1 div.foo:after {
    border-left-color: #C00;
}

// add the class as needed in your JS code:
$('#Level1 div').addClass('foo');