2017-11-29 22 views
1

jQueryを使用してナビゲーションバーのCSSを更新しようとしています。あなたは、通常のようにCSS定義するjQueryを使用してCSSを更新

:(個別に各要素を入力せずに)

.navbar-static-top .navbar-nav > .active > a{ 
    background-color: black; 
} 

私はクラスセレクタのために何を使うのですか?

$(".navbar-static-top .navbar-nav > .active > a").css({"background-color": "black"}); 
+1

あなたが持っているものは絶対にうまくいくはずです。動作していない場合は、コンソールでエラーを確認してください。しかし、 'css()'を使うことは可能な限り避けるべきです。 –

+0

これはhtmlのマークアップをどのように行うかによって決まります。理想的には、DOMオブジェクト 'a' /' span'/'div'などにクラス名を与えます。 – NoobEditor

+0

#Robert、あなたの質問を編集し、完全なHTMLコードを提供します。なぜなら、私はCSSクラスと混同しているからです。 –

答えて

1

jQuery(".navbar-static-top .navbar-nav").find(".active").find("a").css("background-color","#000"); 

感謝を見つける使用してみてください!

0

以下のjsを使用してCSSを適用できます。

jQuery(".navbar-static-top .navbar-nav").find(".active").children("a").css("background-color","#000000"); 

このコードが役に立つと願っています。