jquery - jqueryで多くのDIVが追加されたdivの高さの合計を取得するにはどうすればよいですか?

Question

#main に多くの DIV を追加するために jquery を使用しました。#main の高さは auto です。#main の合計の高さを取得したいのですが、高さは常に 0 です。#main の合計の高さを取得するにはどうすればよいですか? jqueryで多くのDIVを挿入した後? デモを作成することはできますか? ありがとうございます！

Answer 1

オプション 1) div の高さがわかっている場合は、#main の高さをわざわざ計算しないでください。div の高さ + 上下のパディング + 上下のマージンを追加するだけです。

オプション 2) #main に背景色を指定し、実際に挿入された div のサイズまで拡大していることを確認します。そうでない場合は、高さを簡単に取得できます。拡張されていない理由を理解する必要がありました。何もクリアせずに、またはオーバーフロー プロパティを使用せずに、内側の div をフロートさせたのではないでしょうか?

オプション 3) div が完全に作成される前に高さを確認していますか? 高さの取得を遅らせて、div が読み込まれる前にチェックされているかどうかを確認してください。

Answer 2

このデモをチェックしてくださいhttp://jsfiddle.net/yeyene/HJ4Gc/1/

$('#add').on('click',function(){
    $('#main').append('<div>I used jquery to appended many DIVs to #main, and the height of #main is auto, then I want to get the total height of #main, but the height is always 0, so how can I get the total height of #main after insert many DIV by jquery? Is there possible to create a DEMO for me? Thanks so much in advanced!<br /></div>');
});
$('#getHeight').on('click',function(){
    alert($('#main').height());
});