Перемещение блока jquery
Поддержи проект!!!
Для иллюстрации перемещения блока нам понадобится какой-то блок. В котором, например выберем какой-то элемент, его выделим в красный цвет, чтобы его было видно! К примеру этот элемент будет строчкой номер 2…
<ul class="list l1">
<li class="start no1"> Первая строка </li>
<li class="start no3"> Третья строка </li>
</ul>
<ul class="list l2">
<li class="start no1_1"> Первая строка второго блока </li>
<li class="start no2"> Вторая строка второго блока </li>
<li class="start no3"> Третья строка второго блока </li>
</ul>
В данном случае jquery перемещение работает таким образом: мы должны выделить какой-то элемент
И уже его долины поместить в конструкцию поставить после…
И соберем все вместе:
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока
Если вам требуется переместить объект, код, не до, а после выбранного объекта то вам нужно использовать метод after
<ul class="list l3">
<li class="start no1"> Первая строка </li>
<li class="start red"> Вторая строка </li>
<li class="start no3"> Третья строка </li>
</ul>
<ul class="list l4">
<li class="start no1_1"> Первая строка второго блока </li>
<li class="start no2"> Вторая строка второго блока </li>
<li class="start no3"> Третья строка второго блока </li>
</ul>
<script>$(".l4 .no2").after($(".l3 .red"));</script>
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока
Перемещение блока jquery