Jquery - Добавление содержимого после первого элемента
Как добавить блок после первого найденного элемента с помощью Jquery!?
Вот только мы разбирали добавление элемента(блока) после искомого элемента – будем использовать именно тот код, с небольшой разницей!
Для иллюстрации нам понадобится подопытный код, на котором и будем путаться найти наш первый элемент и после него поставить то, что мы хотим поставить!
<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>
Нам понадобится блок, который мы хотим вставить после первого вхождения строки(как написано в одной их функций php)
Как это будет выглядеть в Jquery. Где «element» - это название блока, стиль, ид, - : first – первый найденный. After – после элемента:
Теперь все это соберем вместе:
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока
Этим вы очень поможете проекту! Заранее огромное спасибо!
