@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>


Кол-во элементов в списке и контенте будет одинаковое.
Спасибо!
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const $li = $('.list').children();
$('.content').each((i, n) => $li.eq(i).append(n));

или

const li = document.querySelector('.list').children;
document.querySelectorAll('.content').forEach((n, i) => li[i]?.append(n));
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы