Как переместить один список в другой?

Question

[xaruki]

Есть список:

<ul class="list">
								<li>1</li>
								<li>2</li>
								<li>3</li>
							</ul>

Есть контент:

<div class="content">
								text 1
							</div>
							<div class="content">
								text 2
							</div>
							<div class="content">
								text 3
							</div>

Как с помощью Jquery переметить контент в каждый пункт списка, чтобы получилось так:

<ul class="list">
								<li>1
									<div class="content">
										text 1
									</div>
								</li>
								<li>2
									<div class="content">
										text 1
									</div>
								</li>
								<li>3
									<div class="content">
										text 1
									</div>
								</li>
							</ul>

Кол-во элементов в списке и контенте будет одинаковое.
Спасибо!

Answer 1

[0xD34F]

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

const where = '.list';
const what = '.content';

Перемещаем:

const $targets = $(where).children();
$(what).each((i, n) => $targets.eq(i).append(n));

или

const targets = document.querySelector(where).children;
document.querySelectorAll(what).forEach((n, i) => targets[i]?.append(n));

Comments

[xaruki]

Работает!!!! А не подскажите, как сделать обратное действие? Спасибо!

[0xD34F]

xaruki, не подскажу. Во-первых, ни о каких "обратных действиях" в вопросе речи не шло; во-вторых, я не знаю, что это такое.