将新的图像 DOM 对象附加到 <div>答案

【问题标题】：Appending new image DOM object to a <div>将新的图像 DOM 对象附加到 <div>
【发布时间】：2014-01-17 23:25:35
【问题描述】：

我正在尝试将新的图像 DOM 对象附加到 div，但它不包括任何图像 DOM 的属性。

 $linkedImage = $('<a></a>', {href: "javascript:void"})
               .addClass('myNextImage')
               .append('<img />', {alt: "MyImage", src: $imageURL});
 this._div.append($linkedImage);

这显示的是什么：

<a href="javascript:void" class="myNextImage"><img></a>

没有 alt 和 src 标签。

【问题讨论】：

标签： javascript jquery html css dom

【解决方案1】：

在添加之前，像使用锚元素一样创建图像元素。

 $linkedImage = $('<a></a>', {href: "javascript:void"})
               .addClass('myNextImage')
               .append($('<img />', {alt: "MyImage", src: $imageURL}));
 this._div.append($linkedImage)

【讨论】：