Целевой 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>