jqueryappend越来越时髦

我正在浏览一个试图以以下格式添加链接的网站列表：

但是你可以得到：

<a href="www.bbc.co.uk"></a>
the BBC

英国广播公司

有人能看出我哪里做错了吗

function list_sites() {
    jQuery("#data_container").empty();
    var listItems = [];
    jQuery(sites).each(function(index, element) {
        var href = element['site_url'];
        var link_text = element['site_label'];
        var toAppend = "<a href=" + href + ">" + link_text + "</a>";
        listItems.push(toAppend);
    });
    jQuery("#data_container").append(listItems.join(" "));
}

功能列表\u站点（）{
jQuery（“#数据_容器”）.empty（）；
var listItems=[]；
jQuery（站点）。每个（函数（索引、元素）{
var href=element['site_url']；
var link_text=元素['site_label']；
var toAppend=“”；
listItems.push（toAppend）；
});
jQuery（“#数据#容器”）.append（listItems.join（“”））；
}

使用.html（），因为您要创建多个元素：

function list_sites()
{
 jQuery("#data_container").empty();
 var listItems = [];
 jQuery(sites).each(function(index, element){
     var href = element['site_url'];
     var link_text = element['site_label'];
     var toAppend = "<a href="+href+">"+link_text+"</a>";
     listItems.push(toAppend);
 });
 jQuery("#data_container").html(listItems.join(" "));
}

功能列表\u站点（）
{
jQuery（“#数据_容器”）.empty（）；
var listItems=[]；
jQuery（站点）。每个（函数（索引、元素）{
var href=element['site_url']；
var link_text=元素['site_label']；
var toAppend=“”；
listItems.push（toAppend）；
});
jQuery（“#数据_容器”）.html（listItems.join（“”）；
}

或者像这样：

function list_sites()
{
 var container = jQuery("#data_container").empty(); 
 jQuery(sites).each(function(index, element){
     var href = element['site_url'];
     var link_text = element['site_label'];
     $('<a/>').appendTo(container).attr('href',href).text(link_text);
 }); 
}

功能列表\u站点（）
{
var container=jQuery（“#数据_container”）.empty（）；
jQuery（站点）。每个（函数（索引、元素）{
var href=element['site_url']；
var link_text=元素['site_label']；
$（''）.appendTo（container.attr（'href'，href）.text（link_text）；
}); 
}

我通过转义数据库中的前斜杠修复了这个问题。 /变成/

---

然后一切都正常了-呸

该代码在我看来很好，但您可能希望使用缩进使其更易于阅读。您需要将

http://

预先添加到这些链接。对我有用您是否测试了

toAppend

的值？您是否尝试过逐步完成此操作（例如在Firebug中）。很可能是“站点”数组创建不正确，链接文本为空。