Войти
×
Меню :
jquery (43)



Blog (2009)
other (439)
php (390)
js (302)
html (153)
css (147)
php book (146)
пк (124)
html tags (63)
js tag (56)
windows (48)
js method (44)
jquery (43)
php array (39)
Показать еще :
text (37)
ruweb.net (37)
js date (33)
form html (30)
online (29)
link (26)
fonts (24)
js events (22)
dosite (22)
php file (21)
foto (20)
atom (20)
lingvo (20)
input (19)
database (19)
forum (18)
svg (18)
php date (17)
hosting (17)
mysql (17)
php img (16)
фото (16)
android (15)
img (15)
php time (15)
info (15)
color (15)
notepad (14)
jsphp (14)
js time (14)
xiaomi (14)
js url (14)
board (14)
table (13)
yandex (13)
знак (13)
htaccess (13)
osclass (13)
select (13)
php path (12)
$ server (12)
download (12)
html book (11)
keyboard (11)
vs code (11)
icon (11)
css img (10)
ось (10)
js delete (10)
mouse (10)
paint (10)
form (10)
dw block (10)
ftp (9)
iframe (9)
hover (8)
cookie (8)
ok (7)
php url (7)
hey tag (6)
php get (6)
comment (6)
canvas (6)
list (6)
search (6)
js vars (6)
click (6)
нок (6)
reg.ru (5)
js math (5)
heading (5)
xml (5)
year (5)
js id (5)
mb (5)
tag a (5)
js file (5)
web (5)
console (5)
value (5)
numbers (4)
2022 (4)
js img (4)
php var (4)
task (4)
js hash (4)
symbols (4)
bbcode (4)
base64 (4)
ssl (4)
folder (4)
day (4)
week (4)
games (4)
word (4)
news (4)
month (4)
vk (4)
qr code (4)
js form (4)
adminka (4)
pages (4)
ucoz (4)
scandir (4)
youtube (4)
submit (4)
line (3)
ozon (3)
js post (3)
units (3)
aimp (3)
padding (3)
https (3)
404 (3)
php day (3)
video (3)
domen (3)
куб (3)
рся (3)
captcha (3)
file (3)
js book (3)
counter (2)
tag hr (2)
height (2)
sitemap (2)
details (2)
seo (2)
prompt (2)
google (2)
akaso (2)
src (2)
blob (2)
kfc (2)
arrows (2)
typeof (2)
rutube (2)
replace (1)
opera (1)
cursor (1)
php (1)
archive (1)
smile (1)
font (1)
нод (1)
name (1)
speed (1)
scroll (1)
date (1)
jino (1)
header (1)
втб (1)
#html (1)
webp (1)
chart (1)

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>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока
Не стесняемся говорить спасибо!
Всего комментариев : 0 Comments+ 2.0
+ =
Помочь проекту DwWeb.ru

1). Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

2). Помочь материально.

Последнние комментарии:

14.12.2025 :
комменты вернулись!
Марат 30.01.2026 22:28
Сергей! ...пожалуйста! Приходите ещё! второй уровень комментов пока... подробнее...
Сергей 28.01.2026 23:40
СПА-СИ-БО!!!... подробнее...
Марат 28.01.2026 13:12
Тут почти половину вручную заполнил... и тут... на странице 1000... подробнее...
Марат 25.01.2026 18:38
Второй раз произошел сбой в счетчике посещений. Поскольку счетчик... подробнее...
Марат 18.01.2026 12:19
Вы не поверите... но РСЯ вновь заработал на сайте... Полгода я гадал... подробнее...
ruweb
См. интсрукция по ruweb. dwweb.ru есть здесь:
Все соцсети в одном месте!
defense_js Разное :Игра "пятнашки"
Угадай страну по флагу

Кальклятор
Математика онлайн

Списки шифрования
Часы

Числа словами
Названия чисел(max=10305)
Графики

Qr код онлайн

Как сделать сайт?
Md5 онлайн
Sitemap.html
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2026 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.020939 секунд.