如何使用 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 方法有效，因为我可以放置警报（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");
}

实际上，将段落放在范围内有点奇怪标签。