Jquery - Добавление содержимого после элемента
Сегодня разберемся с добавлением элемента(блока) после найденного на странице.
Например, у нас есть вот такой список «li»
<ul class="list l1">
<li class="start no1"> Первая строка </li>
<li class="start no2"> Вторая строка </li>
<li class="start no3"> Третья строка </li>
</ul>
<ul class="list l2">
<li class="start no1"> Первая строка второго блока </li>
<li class="start no2"> Вторая строка второго блока </li>
<li class="start no3"> Третья строка второго блока </li>
</ul>
Нам нужно поставить после каждого найденного элемента наш блок:
Далее нам понадобится такая конструкция Jquery
Если вы хотите посмотреть, как это написано в документации то вот это так выглядит:
Теперь все это соберем вместе:
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока
P.S.
Не обращайте внимание на кривизну вывода «li» - это особенности форматирования на данной странице…
Этим вы очень поможете проекту! Заранее огромное спасибо!
20.12.2025 18:30
