目标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>