javascript - <a> 标签在由 jQuery 生成时未完全换行

Question

我在使用附加标签的 jQuery 函数时遇到问题，但这种情况仅在大约 40% 的情况下发生。我的标签没有完全包裹我的文本。

这是我的代码:

$.getJSON('/ycomb', function(data){ // gets the JSON info
      for(var i = 0; i<30;i++){
          $("<li><p><a href=" + data[i].url + ">" + data[i].title + "</a></p></li>").appendTo("#helper")
       }
});

以下是错误输出的示例:

<p>
    <a href="google.com"></a>
    "A search engine"
    </p>

以下是正确输出的示例:

<p>
    <a href="bing.com">"A search that competes against google"</a>
</p>

Answer 1

您应该使用不同的引号。试试这个:

$.getJSON('/ycomb', function(data){ // gets the JSON 
    for(var i = 0; i<30;i++){
        $('<li><p><a href="' + data[i].url + '">' + data[i].title + '</a></p></li>').appendTo('#helper');
    }
});