如何使用jQuery获得容器中div的组合宽度并将该值传递给另一个元素?

如何使用jQuery获得容器中div的组合宽度并将该值传递给另一个元素?,jquery,width,dimensions,Jquery,Width,Dimensions,我希望使用jQuery获得容器中所有div的总宽度,并将该宽度设置为主体 我想我需要一些能起作用的东西 $('#container > div').width().[mulitply by quantity of DIVs in container].[set this result to body width] 不幸的是,仅仅输入我想要的字符串是不够的!有人能给我指出正确的方向吗 感谢您的帮助 这可能看起来像: var overall_width = 0; $('#container

我希望使用jQuery获得容器中所有div的总宽度,并将该宽度设置为主体

我想我需要一些能起作用的东西

$('#container > div').width().[mulitply by quantity of DIVs in container].[set this result to body width]
不幸的是,仅仅输入我想要的字符串是不够的!有人能给我指出正确的方向吗

感谢您的帮助

这可能看起来像:

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节点的宽度以及边距(如果有),并最终从
文档中设置宽度。body

请确保您不能仅使用css来实现这一点。outerWidth()
采用单个布尔参数,如果设置
true
也将包括边距。因此,在这种情况下,您只需执行
$elem.outerWidth(true)
-