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()属性(property)。它获取元素的宽度及其填充、边框等。

将其第一个参数设置为 true 将包括边距。

var ProdWidth = Product.outerWidth(true);