Jquery: code works, but is ugly

var ProdWidth = Math.abs(parseInt(Product.css('width')))
+ Math.abs(parseInt(Product.css('marginLeft')))
+ Math.abs(parseInt(Product.css('marginRight')))
+ Math.abs(parseInt(Product.css('paddingLeft')))
+ Math.abs(parseInt(Product.css('paddingRight')));

This works for coming up with the total width of an element including padding and margins, but its stupid. How should I b开发者_运维技巧e doing it?

Check out the outerWidth() property. It gets the width of the element and its padding, border, etc.

Setting its first argument to true will include the margins.

var ProdWidth = Product.outerWidth(true);