Javascript 无法使用jquery显示注释列表

我只是想用下面的方式显示注释列表，但我的代码有问题，无法得到预期的结果。你能检查一下并帮我找出错误吗

我得到以下结果：

var item = $('<div>');

$.each(data.results, function(i, res) {                    

  var photo = $('<div>'),
      block1 = $('<div style="float: left;">'),
      block2 = $('<div>'),
      title = $('<h4>'),
      info = $('<p>');

  photo.html('<img src="xyz">');
  title.html('<hr/>'+res.name+','+res.country);
  info.html(res.comment_text);
  block1.append(photo); 
  block2.append(title, info);                   
  item.append(block1, block2);

});

$("#comments").html(item);

var项=$（''）；
$.each（data.results，function（i，res）{
var photo=$（''），
区块1=$（''），
区块2=$（''），
标题=$（''），
信息=$（“”）；
photo.html（“”）；
html（“
”+res.name+”、“+res.country”）；
html（res.comment_text）；
区块1.追加（照片）；
区块2.追加（标题、信息）；
附加项（第1区、第2区）；
});
$（“#评论”）.html（项目）；

首先，你的选择器坏了，你有3个变量在调用同一个东西。将此作为选择器的指南另外，了解失败的地方也会很有帮助，也许可以粘贴一些HTML，这样我们可以更好地帮助您

编辑：尝试删除block1和block2变量，查看其外观。使用这些选择器，他们将照片和标题信息附加到第一个div。尝试使用选择器$（this）而不是block1和block2

Edit2:好，那么发生的是您的项目。追加（block1，block2）；零件正在将创建的块添加到第一个div

EDIT3:您需要创建一个新的div，并添加新的块，以创建新的“item”，即沿item的行添加（“