javascript - 将动态 jquery a href 添加到动态 jquery div

标签 javascript jquery css html

我创建了一个 <a>动态标记和 <div>动态地。我想要 <a>成为 <div> 的 child 最后将 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呈现时,不是它的 child 。我做错了什么?

最佳答案

使用append

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

});
 div_Item.append(contentLink);

关于javascript - 将动态 jquery a href 添加到动态 jquery div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22653213/

相关文章:

javascript - 如何使用 javascript 创建的元素作为 jQuery 选择器?

javascript - 按下按钮时div不淡入

javascript - 拆分字母并分配类别

javascript - 使用 jQuery 修改 iframe URL

javascript - FullPage.js 在桌面上的淡入淡出效果,禁用并在较小的设备上获得默认滚动

javascript - join ("")在只有一个元素的字符串数组上调用。目的?

php - 有没有办法强制用户从 href 链接下载文件而不是在浏览器窗口中打开它?

javascript - 如何像google一样在圆圈中显示不同分辨率的动态图片?

html - 以 Bootstrap 形式修复数据表

javascript - 如何检测是否有东西溢出?