jQuery的Appendto多个标签与属性一定DIV

Question

我使用jQuery建立一些HTML和最终的代码应该是这样的：

<div id="uploaded"> 
    <div class="thumbs"> 
    <img src="http://www.example.com/image.jpg" /> 
    <div class="delete-pic">delete</div> 
    </div> 
</div> 

所以div ID为“上传”在源硬编码，

$('<div class="thumbs"></div>').appendTo('#uploaded'); 
$('<img />').attr("src", thumb_url).appendTo('.thumbs'); 
$('<div></div>').attr("class", "delete-pic").appendTo('.thumbs').text("delete"); 

这工作得很好，但有可能是：休息（.thumbs，IMG，.delete-PIC）将使用jQuery

所以我用下面的jQuery代码做的工作被插入一个未知的女士mber div.thumbs作为div＃的子版上传。所以上面的jquery会将同一块代码添加到当前屏幕上的所有div.thumb中。

我就在想，如果产生一个随机ID为每个div.thumbs，然后使用该ID来appendto图像和div.delete-PIC

，但也许有一些简单的解决方案？

Answer 1

为什么不在内存中创建“拇指”，然后添加所需内容，然后追加。像这样：

var tempthumb = $('<div class="thumbs"></div>'); 
$('<img />').attr("src", thumb_url).appendTo(tempthumb); 
$('<div></div>').attr("class", "delete-pic").appendTo(tempthumb).text("delete"); 
$('#uploaded').append(tempthumb);