Как добавить и удалить <img>в <div>с помощью jQuery?

Question

Оригинал:

<div id="test">
...
</div>

После добавления:

<div id="test">
...
<img src=".." />
</div>

После удаления:

<div id="test">
...
</div>

Answer 1

// add
$("#test").append("<img src='...' />")

// remove
$("#test img:last-child").remove()

Answer 2

$('div#test').append('<img src=".."/>');
$('div#test > img').remove();

Обратите внимание, что вы также можете присвоить изображению класс, если хотите удалить только тот, который вы добавили.