javascript - 循环内的href javascript jquery

Question

我想循环浏览我所有的delicious.com书签并在它们周围加上一个链接......

这是我的测试站点： http ://dev.thomasveit.com/json.html

$(document).ready(function(){               
        $.ajax({
            url: "http://feeds.delicious.com/v2/json/tommyholiday",
            dataType: "jsonp",
            success: function(data){
                var bookmarks = $.map(data, function(bookmark){
                    return {
                        title: bookmark.d,
                        link: bookmark.u
                    }
                });                 

                var html = "<ul>",
                    m;

                for (i=0; i<bookmarks.length; i++){
                    m = bookmarks[i];

                    html += "<li><a href="+m.link+">"+m.title+"</a></li>";
                }
                html += "</ul>";

                $("#delicious").html(html);

            }                       
        });
});

有趣的是，只有第三个链接被链接包裹……其他链接没有。

我究竟做错了什么？

Answer 1

a href属性需要引号。

html += "<li><a href="+m.link+">"+m.title+"</a></li>";

应该

html += "<li><a href='"+m.link+"'>"+m.title+"</a></li>";

Answer 2

您没有在href属性中添加引号 "。

例如：

<li><a href=http://www.designtnt.com/500-free-photoshop-patterns-your-web-designs/>500+ Must-Have Free Photoshop Patterns for Your Web Designs</a></li>

如果您查看该链接，它/的 url 以标签结尾并关闭<a>标签。然后文本出现在a标签之后，最后一个</a>被忽略。

在我看来，创建 html 标签的最佳方式是使用 DOM 来提高性能和 bug。

var ul = document.createElement("ul");

// inside the for
var li = document.createElement("li");
var a_tag = document.createElement("a");
a_tag.setAttribute("href", m.link);
a_tag.appendChild(document.createTextNode(m.title));
li.appendChild(a_tag);

// add the li
ul.appendChild(li);

// end for
$("#delicious").html(ul);