How do i calcalate using the padding

I am trying to do some calculation with the height of an element and i need to factor in the padding of an element.

var element_top = $(".box").position().top;
var element_height = $(".box").height();
var element_padding = $(".box").css("padding");

the first two give me numbers i can user for addition and subtraction but the the padding gives me 8px...any ideas...I am trying to u开发者_运维百科se the padding to subract from the height to get the actual height from the box element

You could use the following code but not shure if it's the best practice to go with .

var element_padding = parseInt($(".box").css("padding"));

You could just use outerHeight() and skip the need for performing the calculations yourself:

var height = $('.box').outerHeight(true);
//the true argument includes margins in the calculation

For individual values (padding, margin, etc.) the parseInt approach is what I often use, as has been suggested already.

You can just delete the px from the element-padding like this:

element-padding.replace("px", "");

Hope it helps..

You won't get the actual padding value unless you request its orientation specifically.

You should go with:

var element_padding = parseInt($(".box").css("padding-top"), 10);