使用jquery将图像附加到div？

Question

Currently我想在for循环中创建的div中附加图像。图像将附加到#hiddenItems。我无法弄清楚如何在这个for循环中放置一个包含图像的div。我想在通过此for循环创建的描述框上放置一个图钉图标。

有办法做到这一点吗？这个问题是否足够明确？任何帮助将不胜感激。

for(var x = 0; x < itemIDs.length; x++) {
  console.log("x: " + x);
  $('<div class="' + itemClass1s[x] + ' hidden" id="hidden' + itemIDs[x] + '"  style="left: ' + itemXs[x] + 'px top:' + itemYs[x] + 'px;">' + itemContents[x] +'<img src="pin_red.png">' + '</div>').appendTo($('#hiddenItems'));
}

Answer 1

解决方案

在append() ...

上使用$('#hiddenItems')

for(var x = 0; x < itemIDs.length; x++) {
  var $element = $('<div/>');

  // Build the element this way for less headaches
  $element
    .addClass(itemClass1s[x] + ' hidden')
    .attr('id', 'hidden' + itemIDs[x])
    .css({left: itemXs[x] + 'px', top: itemYs[x] + 'px'})
    .html(itemContents[x]);

  $('#hiddenItems').append($element);
}