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» - это особенности форматирования на данной странице…
О комментах : Отлично!
На сегодня 06.03.2026 хорош... пошел спать!
Напоминаю, что я решил все комменты пересобрать..., а то такой беспорядок... вот... примерно часа 3 работы...
Этим вы очень поможете проекту! Заранее огромное спасибо!
