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>
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока
Теги:
