jquery add width + padding;

Question

我正在尝试var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right'));

确实为填充添加了宽度，所以我应该以width = 200 + 4 + 4 = 208结束 相反，我最终得到2004px4px;

我如何强制它添加它们才能获得208？

Answer 1

为什么不使用outerWidth属性。 http://api.jquery.com/outerWidth/

Answer 2

使用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;

或者更好地使用此jSizes中提到的answer插件。