jquery - 目标 css：通过 Jquery 之后？

Question

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

我在滑块中有一个 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>