Using JavaScript to change CSS values

Question

I haven't found a good example of this, I have this CSS snippet.

#divname .jqplot-point-label {
     color: #000000;
}

I know how to change CSS if it's just the ID, or just the class, but in this case I'm not sure what the JavaScript would look like.

I'm trying

$('#divname .jqplot-point-label').css({'color':'#000000'});

But that didn't work.

Thanks!

Can you post some of your HTML? The code you provided there should work. — robbrit
– robbrit, Commented Jun 25, 2012 at 18:33
there is nothing wrong with the code, are you sure jquery has been loaded? — Ram
– Ram, Commented Jun 25, 2012 at 18:34
is your jQuery invoked in $(document).ready(function(){ //code});? — liquid
– liquid, Commented Jun 25, 2012 at 18:36
try running alert($('#divname .jqplot-point-label').length) in firebug or chrome console (whichever u r using). If the returned value is 0 then either path given is wrong or you are running this code before the element(s) getting added to the DOM — sv_in
– sv_in, Commented Jun 25, 2012 at 18:49

Blaster · Accepted Answer · 2012-06-25 18:40:50Z

1

Make sure to wrap your code in ready handler (your code is fine but missing to use ready handler will cause your code not to work):

$(function(){
  $('#divname .jqplot-point-label').css({'color':'#000000'});
});

I assume you are including jQuery in your page with correct path.

answered Jun 25, 2012 at 18:40

Blaster

9,0901 gold badge30 silver badges25 bronze badges

Rob Sutherland · Accepted Answer · 2012-06-25 18:37:46Z

-1

use $('#divname.jqplot-point-label') as the selector. (no space between the id and class name).

$(#divname .jqplot) is looking for an element with class .jqplot with an ancestor of #divname.

answered Jun 25, 2012 at 18:37

Rob Sutherland

1,20912 silver badges18 bronze badges

2 Answers 2