jQuery的找到所有div孩子的總高度

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); 
}); 

正如你看到的，有5個格，以每個100像素的高度，所以總高度爲500像素。

編輯：你的下一個問題（與動畫）是你不告訴它你使用的是什麼單位（在你的情況下，像素）：

$("#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(); 
});