如何使用jQuery在容器中获取DIV的组合宽度并将该值传递给另一个元素？

Question

我希望使用jQuery来获取容器中所有DIV的总宽度,并将该宽度设置为正文.

我认为我需要一些东西来达到效果

$('#container > div').width().[mulitply by quantity of DIVs in container].[set this result to body width]

不幸的是,只输入我想要的字符串就不够好了!有人能指出我正确的方向吗？

任何帮助赞赏!

Answer 1

这可能看起来像:

var overall_width = 0;

$('#container > div').each(function(index, elem) {
    var $elem = $(elem);
    overall_width += $elem.outerWidth() + parseInt($elem.css('margin-left'), 10) + parseInt($elem.css('margin-right'), 10);
});

$(document.body).width(overall_width);

这将增加所有的孩子div node与沿的宽度保证金(如果有的话),最后设置的宽度从document.body.