javascript - 查找元素并附加图像

Question

我知道如何将图像附加到已知标签。例如

//html
<div class="ImageContainer"></div>    

//JS
var image = new Image;
image.src = '/Public/Images/image.png';
image.appendTo($('.ImageContainer'));

但是如何找到某个标签(这里的图形标签)并附加图像？

我可以使用“.find()”找到图形标签:

var ImageContainer = $('<div><figure></figure></div>').
console.log(ImageContainer.find('figure').html());

但无法将图像附加到它:

image.appendTo(ImageContainer.find('figure')); //doesn't work

Answer 1

如果你有一个带有 id 的图像元素，你可以像这样选择它:

var $image = '<img src="/Public/Images/image.png" />';

然后找到图形元素:

$(ImageContainer).find('figure').append($image);