How to get the value of a CSS property using JQuery?

Question

I am trying to set a box A to jump to the same x-position as box B. How do I do this? I tried the following but it does not work (the second line):

$("#boxa").animate({
   left: $("#boxb").left
}, 1000, function() { });
});

Thanks,

Sam

Andy · Accepted Answer · 2011-02-22 00:51:17Z

34

either

$('#boxB').css('left');

or

$('#boxB').offset().left;

answered Feb 22, 2011 at 0:51

Andy

30.2k9 gold badges43 silver badges59 bronze badges

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

Comments

Yster · Accepted Answer · 2015-10-15 16:20:18Z

6

For properties specified in pixels, using:

$('#boxB').css('padding-left');

gives a string like: '22px'

Maybe it's better to use:

parseInt($('#boxB').css('padding-left'), 10);

in such cases, which gives a number like 22 .

answered Oct 15, 2015 at 16:20

Yster

3,3555 gold badges35 silver badges48 bronze badges