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 方法有效，因为我可以放置警报(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; 
    });