Jquery将内容包装在单独的div中。

Question

Jquery使用函数动态创建映像，并从Json返回数据。

$.each(rtndata, function(i, rtndata){
    var comment_thumb = rtndata.r_thumb;
    var member_image = rtndata.m_thumb;
    var member_name = rtndata.m_name;
    var member_comment = rtndata.m_comment;
    var date = rtndata.date;

   var img_comment_owner='http://domain.com/s/'+comment_thumb +'.jpg';
   var ico = $("<img width=\"32px\" />").attr('src', img_comment_owner);

   var img_member_owner='http://domain.com/s/'+member_image +'.jpg';
   var imo = $("<img width=\"32px\" />").attr('src', img_member_owner);

   $(".show_comment").show().append(img_comment_owner).append(member_name ).append(img_member_owner).append('<div style="font-family:Tahoma, Geneva, sans-serif; font-size:11px;">'+date+'</div><div style="margin-bottom:20px">'+member_comment+'</div>');
   })

一切正常运转。我需要将"show_comment“div中任何评论的内容放在单独的div中。

类似于：

 <div class="show_comment">
 <div class="comment">img_comment_owner-1 member_name-1 date-1 member_comment-1</div>
 <div class="comment">img_comment_owner-2 member_name-2 date-2 member_comment-2</div>
 <div class="comment">img_comment_owner-3 member_name-3 date-3 member_comment-3</div>
 </div>

如何在单独的div (例如，“注释”)中为$.each函数的每一次迭代包含使用追加创建的内容？

Answer 1

我想你可以做这样的事：

更改：

$(".show_comment").show().append(img_comment_owner).append(member_name ).append(img_member_owner).append('<div style="font-family:Tahoma, Geneva, sans-serif; font-size:11px;">'+date+'</div><div style="margin-bottom:20px">'+member_comment+'</div>');

转入：

$(".show_comment").show();
$(".show_comment").append("<div class="comment"></div>");
$(".show_comment").find("div").last().append(img_comment_owner).append(member_name ).append(img_member_owner).append('<div style="font-family:Tahoma, Geneva, sans-serif; font-size:11px;">'+date+'</div><div style="margin-bottom:20px">'+member_comment+'</div>');

Answer 2

使用".eq()“方法(http://api.jquery.com/eq/)。例如..。

jQuery(".comment").eq(0); //first .comment
jQuery(".comment").eq(1); //second .comment

所以在你的事业中你可以：

$.each(rtndata, function(i, rtndata){
...
    jQuery(".comment").eq(i).html("html_content_here)";
}