Jquery: код работает, но уродлив

Question

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')));

Это работает для определения общей ширины элемента, включая отступы и поля, но это глупо.Как мне это сделать?

Answer 1

Проверьте свойство outerWidth(). Он получает ширину элемента и его отступы, границы и т. Д.

Установка его первого аргумента на true будет включать поля.

var ProdWidth = Product.outerWidth(true);