jquery - 如何使用jQuery在div标签中附加两个图像标签

Question

我试图放置两个具有不同图像/src 值的图像标签 init，但最后两个图像标签被附加了相同的 src 值而不是不同的。我可以知道附加有什么问题吗：

$("<div/>", {
  "id": 'card'+i,
  "class": blockArr[k],
  html: $("<img src='"+key+"'/><img src='_ls-global/layout-images/layout2.png'/>")

}).appendTo("#gtable");

有任何想法吗 ？

谢谢

Answer 1

尝试这个，

$("<div/>", {
  "id": 'card'+i,
  "class": blockArr[k],
}).html("<img src='"+key+"'/><img src='_ls-global/layout-images/layout2.png'/>")
  .appendTo("#gtable");

Answer 2

在这种情况下，您可以提供纯 HTML：

演示

$("<div/>", {
  id: 'card'+i,
  class: blockArr[k],
  html: "<img src='"+key+"'/><img src='_ls-global/layout-images/layout2.png'/>"
}).appendTo("#gtable");

Answer 3

$('#someDiv').append('<img src='someurl1' />');
$('#someDiv').append('<img src='someurl2' />');

只需使用附加功能