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