Как перенести картинки в соседний блок?

Question

[DenKuzmin17]

Нужно перенести картинки в боксы с соответственным порядковым номером. Как это написать на JQuery?

<div class="box">
		<div class="imgs">
			<img src="https://pp.userapi.com/c850132/v850132551/15eca9/zipCCA8Gldc.jpg">
			<img src="https://pp.userapi.com/c850132/v850132551/15ec94/_wwgNlaY4kY.jpg">
		</div>
		<div class="section">
			<div class="block"></div>
			<div class="block"></div>
		</div>
	</div>

Answer 1

[0xD34F]

Куда и что надо перенести:

const containerSelector = '.section .block';
const itemSelector = '.imgs img';

Переносим:

const $containers = $(containerSelector);
$(itemSelector).each((i, n) => $containers.eq(i).append(n));

// или

const items = document.querySelectorAll(itemSelector);
document.querySelectorAll(containerSelector).forEach((n, i) => n.append(items[i]));

Comments

[DenKuzmin17]

Спасибо большое!