ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ

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)

<li style="color: red;">Тест</li>

Как это будет выглядеть в Jquery. Где «element» - это название блока, стиль, ид, - : first – первый найденный. After – после элемента:

$(element:first).after

Теперь все это соберем вместе:

<script>$(".no1:first").after("<li style=\"color: red;\">Тест</li>");</script>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 40.4
Название скрипта и номер :Добавление содержимого после первого элемента
Пример - Добавление содержимого после первого элемента
Скачать - архив
Все скрипты на одной страницеНаписать комментарий.
С вашими куками, что-то не то..., попробуете перезагрузить страницу..