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