jquery循环与html？

我正在尝试将php脚本的结果循环到我的jquery好友列表中。似乎无法使列表显示除未定义之外的任何内容，但如果我将其附加到正文中，它将只显示数组的最后一个部分。我的代码是

$(function() {

    $('<div />').html('<div id="buddies" class="buddies" style="vertical-align:bottom"><div class="imheader">&nbsp;Online Favorites<span class="fr"><a href="#" id="exitlist">X</a></span></div><div class="imheader2"><div class="imheaderspan"><a href="#">Options</a></div></div><ul class="imwindow"><div id="myonlinefavs">' + FL() + '</div></ul></div><div id="chatbar" class="chatbar"><div id="ims"></div><div class="buddylist" id="buddylist"><center><a href="#" id="im-menu" class="im-menu">Favorites (<strong id="friendsonline">0</strong>)</a></center></div></div>').appendTo('body');

var imRoot = $("#im-menu");
var buddies = $("#buddies");
imRoot.click(function(){
    buddies.toggle();
    imRoot.blur();
    return( false );
});
$("#exitlist").click(function(){
    buddies.toggle();
    imRoot.blur();
    return( false );
});
$(document).click(function( event ){
    if (buddies.is( ":visible" ) && !$( event.target ).closest( "#buddies" ).size()){
        buddies.hide();
    }
});

    function FL(){
        $.ajax({
            type: 'POST',
            url: 'config/receive_buddylist.php',
            cache: 'false',
            dataType: 'json',
            success: function(data){
                data && $.each(data, function(i, e){
                    if (i == "buddylist") {
                        $.each(e, function (l, f) {
                            if(f.id != null){
                                $('<div />').html('<li>' + f.n + '</li>');
                            }
                        });
                    }
                });
            }
        });

    }
});

$（函数（）{
$（''）.html（'Online Favorites
'+FL（）+'
）.appendTo（'body'）；
var imRoot=$（“#im菜单”）；
var buddies=$（“#buddies”）；
imRoot.click（函数（）{
兄弟们。切换（）；
imRoot.blur（）；
返回（假）；
});
$（“#退出列表”）。单击（函数（）{
兄弟们。切换（）；
imRoot.blur（）；
返回（假）；
});
$（文档）。单击（函数（事件）{
if（buddies.is（“：visible”）&&&！$（event.target）.closest（“#buddies”）.size（））{
哥们，躲起来；
}
});
函数FL（）{
$.ajax({
键入：“POST”，
url:'config/receive_buddylist.php'，
缓存：“false”，
数据类型：“json”，
成功：功能（数据）{
数据和$各（数据、功能（即，e）{
如果（i==“buddylist”）{
$。每个（e，函数（l，f）{
如果（f.id！=null）{
$（''）.html（'
'+f.n+'
'）；
}
});
}
});
}
});
}
});

问题是您正在执行

$（'body'）.html（'li>'+f.n+''）连续超写数据。尝试使用：

$（'body'）。追加（'
'+f.n+'
'）；

我注意到你的代码更新了一点。这里有一个改进：

if(f.id != null){
    $('<div />').html('<li>' + f.n + '</li>').appendTo('body');
}

if（f.id！=null）{
$（''）.html（'
'+f.n+'
'）。附录（'body'）；
}
问题是您正在执行
$（'body'）.html（'li>'+f.n+''）连续超写数据。尝试使用：

$（'body'）。追加（'
'+f.n+'
'）；

我注意到你的代码更新了一点。这里有一个改进：

if(f.id != null){
    $('<div />').html('<li>' + f.n + '</li>').appendTo('body');
}

if（f.id！=null）{
$（''）.html（'
'+f.n+'
'）。附录（'body'）；
}