Мы уже разбирали пару тем добавления после 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>
Код которой будем использовать для вставки перед искомым элементом.
Как написано в учебнике:
Теперь это все нам нужно собрать…
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока