javascript - すべてのdivの子の合計の高さを見つけるjquery

Question

ねえ、5 つの div が含まれている div があります。それらの高さをすべて追加したいのですが、

これは、ジェフの答えに基づいて最終的に使用したソリューションです。助けてくれてありがとう。

var ev_totalHeight = 0;
$("#events > div").each(function(){
    ev_totalHeight += $(this).innerHeight();
});



function events_open() {
 $("#events").animate({
"height": ev_totalHeight
  }, 450 );
}

$("#events").click(function() {
events_open();
});

Answer 1

ここにフィドルがあります：http://jsfiddle.net/yj8sL/2/

$(function(){
    var totalHeight = 0;
    $("#parent > div").each(function(){
        totalHeight += $(this).height();
    });
    alert("Total height of all divs: "+totalHeight);
});

ご覧のとおり、それぞれの高さが 100px の 5 つの div があるため、合計の高さは 500px です。

編集:(アニメーションの)次の問題は、使用している単位(この場合はピクセル)を伝えていないことです:

 $("#events").animate({
    "height": ev_totalHeight+"px"
 }, 450 );

Answer 2

これらの行に沿ったもの：

var height = 0;

$('#events > div').each(function(){
    height += $(this).height();
});

// apply calculated height to another element
$('#myotherdiv').height(height + 'px');

Answer 3

それらすべてをループして、高さを追加します。

var height;
$("#events").each(function() {
    height += $(this).height();
});