jquery - 如何使用 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 节点 的宽度以及边距(如果有的话)，并最终设置宽度来自document.body。