Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока

Вас может еще заинтересовать список тем : #JS | #JS_JQUERY |
Последняя дата редактирования : 2020-01-24 04:24
Название скрипта :Добавление содержимого после первого элемента
Скрипт № 46.5Ссылка на скачивение: Все скрипты на одной странице
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
Jquery - Добавление содержимого после первого элемента

Последние комментарии :
Марат :
02/09/2020 03:25
Рад, что помог! Приходите еще!
подробнее.
Алексей :
02/09/2020 01:16
Спасибо Кое-что пригодилось!
подробнее.
Павел :
26/08/2020 05:57
textarea В таблице, а таблица в родительском div, а этот див является частью аккордеона, сам textarea без displey: none, но…
подробнее.
Марат :
26/08/2020 04:22
Столько написали и ничего не понятно!У вас есть textarea со свойством "display: none;" - непонятно... зачем textarea скрытый и…
подробнее.
Павел :
26/08/2020 08:02
Здравствуйте. Пишу плагин для таблицы, в таблице много textarea, плагин и таблица расположены в скрытой вкладке…
подробнее.