jquery - 使用 jQuery 计算元素内的总宽度

Question

我正在尝试计算一个部分中所有 div 的总宽度。我想计算 .mainScroll 中每个 div 的宽度，将它们相加，并将该部分的宽度设置为该 os 其内容的总和。这是我的 HTML 标记。

    <section>
        <div class="mainScroll">
             <div>some content</div>
             <div>some content</div>
             <div>some content</div>
        </div>
    </section>
    <section>
        <div class="mainScroll">
             <div>some content</div>
             <div>some content</div>
             <div>some content</div>
        </div>
    </section>

到目前为止，这是我的 jQuery：

var totalWidth = 0;

$('section').each(function(){
    var select = $(this).find('.mainScroll div');
    select.each(function(index) {
        totalWidth += parseInt($(this).outerWidth(true), 10);   
    });

    $(this).css({ 'width' : totalWidth});
    var totalWidth = 0;

});

这会输出 NaN。我该如何设置它，使其遍历每个部分，然后遍历该部分的各个元素，将其高度相加，然后将该部分设置为具有该精确高度？

Answer 1

看这个小提琴

$('section').each(function(){
    var totalWidth = 0;
    var select = $(this).find('.mainScroll div');
    select.each(function(index) {
        totalWidth = +(totalWidth)+(+$(this).outerWidth(true));   
    });

    //$(this).css({ 'width' : totalWidth});
    alert(+(totalWidth)); //  total
    var totalWidth = 0;
});