How to change class CSS using jquery

Question

I'm attempting to edit my classes CSS (div.result) using the following...

$('.result').css('top', '55%');

however, it doesn't appear to be updating.. any ideas why? What am I doing wrong?

Below is the relevant CSS. The Javascript I'm using and the javascript which renders the div resides in cr.js.

HTML

 <div id='cr' style='width:510px; height:440px; display:none; overflow:auto'>
    <script src = "js/c.js"></script>
</div>

CSS

div.result {
position: absolute;
top: 20%;
}

What's the position value for your CSS? top won't work with static — JohnP
– JohnP, Commented May 9, 2011 at 9:27
wait, do you want to update the elements of the class .result or the class itself? I don't think the second is possible, but also not necessary since the first has the same effect — Hannes
– Hannes, Commented May 9, 2011 at 9:49
You don't seem to be applying the result class to the actual DIV? — Pekka
– Pekka, Commented May 9, 2011 at 10:01

insoftservice · Accepted Answer · 2011-05-09 10:11:06Z

1

      1>  $('#cr').removeClass('.result');
      2>    $('#cr').addClass('.result_top');
css

div.result_top {

div.result_top { over here you can put your new css. }

if u just want to append the css such as

div.result top{ }

than just remove line 1 it would do the work

answered May 9, 2011 at 10:11

insoftservice

8388 silver badges16 bronze badges

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

Comments

Flavio CF Oliveira · Accepted Answer · 2011-05-09 10:03:48Z

1

Use the jquery ".removeClass" / ".addClass" methods.

take a look to this articles:

answered May 9, 2011 at 10:03

5,28514 gold badges43 silver badges64 bronze badges