Javascript 将动态jquery a href添加到动态jquery 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
});

var contentLinkWithImage=$（“”{
类别：“col-xs-12 col-sm-6 col-md-6 col-lg-3组合项目”，
html:contentLink
});

最后，我使用以下命令将

div\u项添加到给定的父div中：

$（'myParentDiv'）.html（div#u项）

问题是我只能在渲染时看到
div\u项
，而不能看到它的子项。我做错了什么？
使用
append

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

});
 div_Item.append(contentLink);

var div_Item=$（''{
类别：“col-xs-12 col-sm-6 col-md-6 col-lg-3组合项目”
});
div_Item.append（contentLink）；
您的图像有问题。您必须在css中声明宽度和高度的测量值

所以，像这样使用

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

var contentLinkWithImage=$（“向我们展示您最终的HTML应该是什么样子，以及您现在是如何获得它的。”。