jquery agregar ancho + relleno;

Question

que estoy tratando de hacer var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right'));

no añadir el ancho del relleno, así que debería terminar con width = 200 + 4 + 4 = 208 vez termino con 2004px4px;

¿Cómo puedo forzarlo a agregarlos para obtener 208?

Answer 1

Por qué no utiliza la propiedad outerWidth en su lugar. http://api.jquery.com/outerWidth/

Answer 2

Uso 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; 

O mejor usar el plugin jSizes como se ha mencionado en este answer.