將動態jQuery a href添加到動態jQuery div中

Question

我已經動態創建了一個<a>標簽和一個動態<div>標簽。 我希望<a>是<div>的子級，最后將div添加到其父級中。 以下是代碼：

var contentLinkWithImage = $('<img />', {
            src:'images/cg/story1.jpg',
            width:'300',
            height:'250',
            class:'img-responsive item_back_img'
        });

var contentLink = $('a', {
            href:'#',
            text:contentLinkWithImage
});

var div_Item = $('<div/>', {
            class: 'col-xs-12 col-sm-6 col-md-6 col-lg-3 portfolio-item',
            html : contentLink
});

最后，我使用以下命令將div_item添加到給定的父div：

$('#myParentDiv').html(div_Item);

問題是渲染時我只能看到div_Item ，而不是孩子。 我究竟做錯了什么？

Answer 1

使用append

var div_Item = $('<div/>', {
        class: 'col-xs-12 col-sm-6 col-md-6 col-lg-3 portfolio-item'

});
 div_Item.append(contentLink);

Answer 2

您的圖像有問題。 您必須以CSS聲明寬度和高度的尺寸。

所以，這樣使用；

var contentLinkWithImage = $('<img />', {
            src:'images/cg/story1.jpg',
            width:'300px',
            height:'250px',
            class:'img-responsive item_back_img'
        });