jquery追加时髦

时间:2011-06-22 02:06:21

标签: jquery

我正在循环尝试按以下格式添加链接的网站列表:

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

但得到:

<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(" "));
}

2 个答案:

答案 0 :(得分:1)

使用.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(" "));
}

或类似的东西:

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);
 }); 
}

答案 1 :(得分:0)

我通过转义数据库中的正斜杠来修复此问题。 /成为/ 然后一切都很正常 - p !.