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

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

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

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

Мы уже разбирали пару тем добавления после 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>

Результат:

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

Вас может еще заинтересовать список тем : #JS | #JS_JQUERY |
Последняя дата редактирования : 2020-01-24 04:24
Название скрипта :Добавление содержимого до первого элемента
Скрипт № 45.6Ссылка на скачивение: Все скрипты на одной странице
Теги:

Последние комментарии :
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020 Мы на лучшем хостинге -> ruweb