JQuery와

Question

헤이 나는

이 내가 결국이 솔루션은 제프의 기반으로 사용하고, 그 안에 포함 된 5 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

Heres는 바이올린 : 보시다시피 http://jsfiddle.net/yj8sL/2/

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

는 100 픽셀 각각의 높이, 5 명 div가있다, 그래서 총 높이가 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(); 
});