jquery add width + padding;

Question

hi there,

i am trying to do var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right'));

do add the width to the padding, so i should end up with width = 200 + 4 + 4 = 208 instead i end up with 2004px4px;

how can i force it to add them to get 208?

Answer 1

Use parseInt

var width = parseInt($(this).width(), 10);
var paddingLeft = parseInt($(this).css('padding-left'), 10);
var paddingRight = parseInt($(this).css('padding-right'), 10);

var width = width + paddingLeft + paddingRight;

Or better use the jSizes plugin as mentioned in this answer.

Answer 2

Why dont you use outerWidth property instead. http://api.jquery.com/outerWidth/