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

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]

$('.box').each((i, n) => {
  const $blocks = $('.section .block', n);
  $('.imgs img', n).each((i, n) => $blocks.eq(i).append(n));
});

или

document.querySelectorAll('.box').forEach(n => {
  const images = n.querySelectorAll('img');
  n.querySelectorAll('.block').forEach((n, i) => n.append(images[i]));
});

Comments

[DenKuzmin17]

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