javascript - 如何使用 jQuery $.each 方法输出正确的 HTML？

Question

HTML：

<div id="twitter" style="float:left;">
    <span></span>
</div>

jQuery：

var obj = JSON.parse(data);

$.each(obj.items, function(i, item) {
  $("span", this).html("('<p>" + item.title + "</p>')").appendTo("#twitter");
  if (i == 5) return false;
});

我显然做错了什么，似乎无法弄清楚这一点。我知道 $.each 方法有效，因为我可以输入 alert(item.title) 并获得预期的结果。

基本上我想做的就是循环遍历项目并输出：

<p> title </p>
<p> title 2 </p>

我似乎无法弄清楚这一点

Answer 1

   var obj = JSON.parse(data); 

    $.each(obj.items, function (i, item) { 
        $("<p>" + item.title + "</p>").appendTo("#twitter > span"); 
        if (i == 5) return false; 
    });

Answer 2

在不知道你的JSON样子的情况下，很难说出你应该做什么：

$(obj.items).each(function(i,o){
  $("<p>").text(o.title).appendTo("#twitter > span");
  if (i == 5) return false;
});

甚至可能：

for (var i = 1; i <= 5; i++) {
  $("<p>").text(o[i].title).appendTo("#twitter > span");
}

实际上，将段落放在span 标签中有点奇怪。