javascript - 将新图像 DOM 对象附加到 <div>

Question

我正在尝试将新的图像 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 标签。

Answer 1

在附加它之前创建图像元素，就像您对 anchor 元素所做的那样。

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