Как удалить неограниченное число дочерних элементов с помощью JQuery?

Question

[Акваланг]

Есть такая структура:

<div>Текст</div>
<figure>
	<div>
		<div>
			<div>
				<img src="...">
			</div>
		</div>
	</div>
</figure>
<div>Текст</div>

Теги figure я уже научился искать и удалять, оставляя содержимое. Остаются куча вложенных div, а мне по идее нужен только последний img.

Задача: как вытащить img, удалив неизвестное число родителей?

Тут еще проблема в том, что мы не можем идти вверх по родителям до бесконечности, потому что всё это дело находится в wysiwyg-редакторе. То есть максимальный родитель, дальше которого нельзя сканировать имеет класс .note-editable

Answer 1

[Виталий]

Сохранить img в переменную , создать новый элемент с нужной вложенность после старого, удалить старый полностью

Comments

[Акваланг]

ГЕНИАЛЬНО!

Answer 2

[Акваланг]

Благодаря Виталий, сделал так:

$('.note-editable').find('figure').each(function () {
	$(this).replaceWith('<img src='+$(this).find('img').first().prop('src')+'>');
});