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

ソリューション

利用$('#hiddenItems')上append() ...

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