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

将动态jquery和href添加到动态jquery div中

2 个答案: