jquery - Jquery経由でcss：afterをターゲットにしますか？

Question

jqueryを介してcssclassname：afterをターゲットにして、スタイルを動的に変更することは可能ですか？

スライダーに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>