Update css using jQuery

Question

I am trying to update the css of my navbar using jQuery.

Where you would normally define the css as:

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

What do I use for the class selector (without typing each element individually)?

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

What you have should (and does) work absolutely fine. If it's not working for you, check the console for errors. However it should be noted that using css() should be avoided wherever possible. — Rory McCrossan
– Rory McCrossan, Commented Nov 29, 2017 at 10:19
this depends on how you do the markup in html, ideally i would always give a class name to the DOM object a / span / div etc if they are way to much nested as in this case! — NoobEditor
– NoobEditor, Commented Nov 29, 2017 at 10:21
#Robert, Edit your question and provide full html code, Because i am confused with CSS classesd — Mohd Aman
– Mohd Aman, Commented Nov 29, 2017 at 10:28
@Rory McCrossan what would you use instead of .css()? I am not receiving any console errors. — beano
– beano, Commented Nov 29, 2017 at 10:43
@Robert I'd use addClass() and make sure the CSS rule is specific enough to override any existing stylig on the element. — Rory McCrossan
– Rory McCrossan, Commented Nov 29, 2017 at 10:48

Aravind S · Accepted Answer · 2017-11-29 10:50:02Z

1

try out using find

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

Thanks !

answered Nov 29, 2017 at 10:50

Aravind S

2,3952 gold badges14 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gaurang Sondagar · Accepted Answer · 2017-11-29 11:58:31Z

0

You can use below js to apply css.

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

I hope this code is useful for you.

answered Nov 29, 2017 at 11:58

Gaurang Sondagar

8341 gold badge9 silver badges23 bronze badges