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

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

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

У нас есть какой-то код и в нем нам известен класс! Перед первым элементам, который обладает этим классом, нам нужно поставить текст, код и т.д

Мы уже разбирали пару тем добавления после 1, 2 – теперь дошел ход добавление перед…

Не будем придумывать велосипед! Просто возьмём уже использованный прежде код для тренировки:

<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>

Код которой будем использовать для вставки перед искомым элементом.

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

Как написано в учебнике:

$(element:first).before

Теперь это все нам нужно собрать…

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

Результат:

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

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

Подписаться + =

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.