jquery - Jquery附加到具有特定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 "uploaded" 在源代码中是硬编码的，其余的 (.thumbs, img, .delete-pic) 将使用 jquery 插入

所以我使用以下 jquery 代码来完成这项工作：

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

这工作正常，除了可能有未知数量的 div.thumbs 作为 div#uploaded 的子项。所以上面的 jquery 会将相同的标签块附加到当前屏幕上的所有 div.thumbs 中。

我在想是否为每个 div.thumbs 生成一个随机 id，然后使用该 id 附加到图像和 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);