目标css：经过Jquery之后？

Question

是否可以定位css类名：在通过jquery后动态改变样式？

我在滑块中有一个css箭头 - 我想根据完成百分比更改颜色 - 此刻我有 -

 $('.red-bar:after').css("background-color", "#1da9f5");

哪个不起作用！任何想法？

Answer 1

您需要使用.next()功能：

http://api.jquery.com/next/

$('.red-bar').next().css("background-color", "#1da9f5");

更多信息： .next()获取所选项目的下一个兄弟。如果要在所选项目后添加新内容，请使用.after()。

示例：

<div id="my_id"></div>
<div id="ignore_me></div>

现在，如果您致电：$("#my_id").next().html("Hello");，您将获得：

<div id="my_id"></div>
<div id="ignore_me>Hello</div>

但如果你致电$("#my_id").after("Hello");，你会得到：

<div id="my_id"></div>
Hello
<div id="ignore_me></div>