jquery的height()获取动态生的div的高度为0的问题

Question

$.ajax({
type : "get",
cache : false,
dataType:"json",
url : "FriendLogAction!showFriendsLog.action",
//data : "user.userId=",
success : function(data){
$.each(data.list,function(i,value){
var friendlog_start="<div id=\"friendslog_left_content\">";
var friendlog_1="<span class=\"friendslog_left_content_1\"><p id=\""+value.userId+"\" class=\"username\"><a href=\"javascript:;\">"+value.userName+"</a></p><p class=\"title\"><a href=\"javascript:;\">:"+value.logTitle+"</a></p><p class=\"logDate\">"+value.logDate+"</p></span>";
var friendlog_2="<span class=\"friendslog_left_content_2\">";
var friendlog_3="<span class=\"friendslog_left_content_2_top\" id=\"sdf"+value.logId+"\">"+value.logComment+"</span>";
var friendlog_4="<span class=\"friendslog_left_content_2_bottom\"><p class=\"reship\">转载</p><p class=\"share\">分享</p><p class=\"say_good\">赞一下(15)</p><p class=\"say_bad\">踩一下(12)</p></span>";
var friendlog_5="</span>";
var friendlog_6="<span class=\"friendslog_left_content_3\"><a href=\"javascript:;\">阅读全文↓</a></span>";
var friendlog_7="<span class=\"friendslog_left_content_4\"><a href=\"javascript:;\" id=\"review1\" class=\"review\">评论</a></span>";
var friendlog_8="<span class=\"friendslog_left_content_5\">";
var friendlog_9="<textarea rows=\"5\" cols=\"55\" id=\"reviewarea1\" class=\"reviewarea\" name=\"textarea\" ></textarea>";
var friendlog_10="<span class=\"friendslog_left_content_5_bottom\">";
        var friendlog_11="<a href=\"#\" class=\"publish\" id=\"publish_contents1\" ><img alt=\"发表评论\" src=\"../images/publish.png\"></a>";
        var friendlog_12="<a href=\"#\" class=\"close\">取消</a>";
        var friendlog_13="<a class=\"limit\">0/200</a></span>";
var friendlog_14="</span>";
var friendlog_15="</spna>";
var friendlog_end="</div>";
var all_friendlog=friendlog_start+friendlog_1+friendlog_2+friendlog_3+friendlog_4+friendlog_5+friendlog_6+friendlog_7+friendlog_8+friendlog_9+friendlog_10+friendlog_11+friendlog_12+friendlog_13+friendlog_14+friendlog_15+friendlog_end;
$("#friendslog_left_title").after(all_friendlog);
$(".friendslog_left_content_5").hide();
alert($("#friendslog_left_content").height());//此处弹出的框显示的值为0
});


},
error:function(){
alert("数据回传失败");
}
})这是一个由后台action返回的动态生成div的代码，现在的问题是我用jquery中的height()无论如何获得的div的高度都为0，我想请各位，如何才能获得这一个动态div的高度?(注：这个动态生成的div的样式为｛float:left;width:675px;height:auto;｝)

Answer 1

试试这个alert($("#friendslog_left_content")[0].scrollHeight);

Answer 2

$("#friendslog_left_title").after(all_friendlog);
这句改成 
$("#friendslog_left_title").after($(all_friendlog));after的参数必须是Jquery对象

Answer 3

你先把这个div的高度在样式表里设置成一个固定的值在alert一下看看

Answer 4

在样式表中设成一个固定值的话就可以拿到那固定的高度值,但是height为auto的话就不行了，拿到的高度值总是为0！

Answer 5

我这也是０,
我这是动态向某div添加html ,然后获取这个div的高度就为０.．

Answer 6

$(".friendslog_left_content_5").hide();隐藏的元素是取不到位置和大小的

Answer 7

你确定data.list数组长度为1？否则按你的代码，id重复是必然的了，这个可是会引起大问题的

Answer 8

隐藏也可以取高的，得不到高可能是标签内没有内容。
//alert($("#friendslog_left_content").height());//此处弹出的框显示的值为0
alert($("#friendslog_left_content").html());//看看能不能弹出html内容，如果没内容为0是很正常的。