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

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>

Результат:

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

Скрипт № 40.5
Название скрипта и номер :Добавление содержимого до первого элемента
Пример - Добавление содержимого до первого элемента
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:

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