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

Answer 2

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

运气好吗

<a> tag not wrapping text completely when generated by jQuery</a>

2 个答案: