CODEWITHSUNDEEP
jquery
Hailwood
Hailwood

Reputation: 92581

jquery add width + padding;

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?

Upvotes: 6

Views: 6089

Answers (2)

Anurag
Anurag

Reputation: 141859

Use parseInt

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

var paddedWidth = width + paddingLeft + paddingRight;

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

Upvotes: 4

vinay
vinay

Reputation: 2984

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

Upvotes: 6

Related Questions