@Flexx0

Как переместить элементы с порядковым номером внутрь элемента с порядковым номером?

Здравствуйте! Помогите, пожалуйста, разобраться и понять как с помощью jquery переместить элементы с порядковым номером внутрь в соответствующие элементы. Структура приблизительная. Нужно переместить "two-1 в соответствующие div id="one-1" и так далее. Количество one и two неопределенное, id присваиваю так:

$(".one").each(function (i) {
$(this).prop("id", "one-" + i);
});

Пока было известное количество элементов, перемещал каждый отдельно, но с неопределенным количеством ни как не пойму как сделать.

<div class="container">
      <div class="conteiner-wrap">
              <div class="one" id="one-1">
                      <div>
                              <a class="two" id="two-1"></a>
                      </div>
              </div>
      </div>
      <div class="conteiner-wrap">
             <div class="one" id="one-2">
                      <div>
                              <a class="two" id="two-2"></a>
                      </div>                     
             </div>
      </div>
      <div class="conteiner-wrap">
             <div class="one" id="one-3">
                      <div>
                              <a class="two" id="two-3"></a>
                      </div>
             </div>
      </div>
</div>
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
$('.two').each(function () {
     const $this = $(this);
     const index = $this.prop('id').split('-')[1];
     $('#one-' + index).append($this);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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