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>');
   })

一切正常。我需要将任何评论的内容放在＆＃34; show_comment＆＃34; 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>

对于$ .each函数的每次迭代，如何包含使用附加在单独div中的内容（＆＃34;注释＆＃34;在示例中）？

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

使用＆＃34; .eq（）＆＃34;方法（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)";
}

Jquery在单独的div中包装内容

2 个答案: