文章/答案/技术大牛

发布

社区首页 >问答首页 >用所有子程序之和计算宽度

问用所有子程序之和计算宽度
EN

Stack Overflow用户

提问于 2014-08-20 16:21:05

回答 2查看 551关注 0票数 0

我想用所有子元素(.project)之和来计算父元素(#projects)的宽度。我试过jQuery，但它不起作用，-也许有人能帮我？

干杯

var reset = 0;
var width = $(".project").each(function() { reset += $(this).width(); });
$(window).on( "resize", function () {
    $("#projects").css("width", width);
}).resize();

jquery

dynamic

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-20 16:29:32

$(window).on("resize", function () {
    var width = 0;
    $('.project').each(function() {
        width += $(this).outerWidth( true );
    });
    $('#projects').css('width', width);
}).resize();

这应该能行。

票数 0

Stack Overflow用户

发布于 2014-08-20 16:31:11

var projects = $("#projects"),
    project = projects.find(".project"), // just caching the dom for performance
    setWidth = function() { // you want is as a function
        var totalWidth = 0,

        project.each(function() {
            totalWidth += $(this).width();
        });

        projects.width(totalWidth);
    };

$(window).on("resize", setWidth).resize(); // handler

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25409750

复制

相似问题

问用所有子程序之和计算宽度
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用所有子程序之和计算宽度EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用所有子程序之和计算宽度
EN