0

セクション内のすべての div の合計幅を計算しようとしています。.mainScroll 内の各 div の幅を計算し、それらを合計して、セクションの幅をその内容の合計に設定したいと思います。これが私の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 を出力します。各セクションをループしてから、そのセクションの個々の要素をループし、その高さを合計してから、セクションが正確な高さになるように設定するにはどうすればよいですか?

4

1 に答える 1

0

このフィドルを見て

$('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;
});
于 2013-07-29T21:17:32.580 に答える