当前位置 : 主页 > 网页制作 > JQuery >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我希望使用jQuery来获取容器中所有DIV的总宽度,并将该宽度设置为正文. 我认为我需要一些东西来达到效果 $('#container div').width().[mulitply by quantity of DIVs in container].[set this result to body widt
我希望使用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节点的宽度以及边距(如果有的话),最后设置document.body的宽度.

网友评论