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

Jquery - Добавление содержимого после первого элемента

Поддержи проект!!! smile

Как добавить блок после первого найденного элемента с помощью 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>

Результат:

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

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

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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.