javascript - 从 javascript 在 div 标签内生成 DOM

Question

我有这个 JavaScript 函数:

jQuery(document).ready(function() {

            FB.api('/me/friends', function(response) {
                        if(response.data) {
                            $.each(response.data,function(index,friend) {
                                $("#fb_friends").append("<div style=\"width:150px;float:left;font-size:11px;color:White;\">");
                                $("#fb_friends").append("<input type=\"checkbox\" name=\"friends\" value=\"1244524\" />");
                                $("#fb_friends").append("<img src=\"http://graph.facebook.com/' + friend.id + '/picture\" alt=\"Picture\" style=\"width:24px\">");
                                $("#fb_friends").append(friend.name);
                                //alert(friend.name + ' has id:' + friend.id);
                                $("#fb_friends").append("</div>");
                            });
                        } else {
                            alert("Error!");
                        }
            });

    });

我的 html 中也有这个:

<div id="fb_friends" style="height:280px;overflow:scroll;" >


</div>

我想调用这个 getFriends 函数，以便它填充我拥有的这个 fb_friends div 内的 HTML。我该怎么做？

已更新上面的代码不起作用

Answer 1

我假设您正在使用基于“$.each”存在的 jQuery。

在“each”循环中尝试一下:

$("#fb_friends").append("{your html content or some DOM objects}")