KutePHP KutePHP - 3 months ago 5x
Javascript Question

Calculate height of div's children using jQuery

I want to match parent's height with the total height of its' children, so the content does not flow out from parent's border. I'm using the following code :


Will it iterate through all the div's children? Sometimes, it works sometimes it doesn't.

Also, I tried following code, assuming it will consider all its children. But the result is strange and gives doubled height from the correct result.

$("#leftcolumn > *").each(function(){

Thanks in advance.


Try it like so:

var totalHeight = 0;

    totalHeight = totalHeight + $(this).outerHeight(true);

http://api.jquery.com/outerHeight/ takes margins, paddings and borders into the calculation which should return a more reliable result.