php (322)
js (242)
html (146)
математика (136)
css (128)
калькулятор (80)
html tags (62)
php function (56)
js tag (56)
дробь (50)
число (48)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
fonts (30)
online (27)
object date (26)
Показать еще :
link (26)
ruweb.net (25)
html attribute (25)
foto (22)
type of input (21)
php file (20)
php matematika (20)
atom (20)
определение (19)
sublime text 3 (19)
forum (19)
деление (19)
svg (18)
input (18)
hosting (18)
js attribute (18)
десятичная дробь (18)
css property (17)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
php folder (15)
php string (15)
js replace (15)
font download (14)
js time (14)
js events (14)
js url (14)
img (14)
notepad (13)
osclass (13)
вычитание (13)
select (13)
htaccess (13)
info (13)
table (12)
php path (12)
dw block (12)
download (12)
знак (12)
php img (12)
keyboard (12)
jsphp (11)
yandex webmaster (11)
form (11)
js location (11)
font awesome (11)
icon (11)
attribute data (10)
отрицательные (10)
drop down list (10)
yandex (10)
js delete (10)
mouse (10)
признак делимости (10)
онлайн (9)
вычитание дробей (9)
css shape (9)
hover (9)
смешанная дробь (9)
php count (9)
database (9)
сложить (9)
php session (9)
dosite (8)
js attr delete (8)
php array key (8)
calculator (8)
document js (8)
js array (8)
encryption (7)
$ server (7)
background (7)
selector css (7)
перевод дробей (7)
степень (7)
programs (7)
php url (7)
browser (7)
different (7)
php error (7)
php operator (7)
php post (7)
jquery attribute (7)
border property (7)
cookie (7)
attribute title (7)
queryselector (7)
comment (7)
dreamweaver (7)
click (6)
js class (6)
mysql (6)
filezilla (6)
canvas (6)
alphabet (6)
code editor (6)
list (6)
position element (6)
robots txt (6)
tag title (6)
tags meta (6)
php get (6)
iframe (6)
треугольник (5)
умножение (5)
php substr (5)
adminka (5)
mb (5)
display property (5)
textarea (5)
js id (5)
value (5)
paragraph (5)
chart (5)
placeholder (5)
tag a (5)
directadmin (5)
dwweb ru (5)
registration (5)
php cookie (5)
search (5)
площадь (5)
php second (5)
reg.ru (5)
heading (5)
$ global vars (5)
js math (5)
js slice (5)
ftp (5)
year (5)
задача (4)
php var (4)
count symbol (4)
php type var (4)
href attribute (4)
day (4)
base64 (4)
умножить дробь (4)
bbcode (4)
scandir (4)
week (4)
js domain (4)
нок (4)
xml (4)
ssl (4)
php preg replace (4)
php register (4)
symbols (4)
console (4)
js form (4)
php cycle (4)
pages (4)
clock fonts (4)
month (4)
position (4)
text decoration (4)
js window (4)
js string (4)
submit (4)
template (4)
vk (4)
php constants (4)
classlist (4)
task (4)
php task (4)
делить дробь (4)
php method (3)
периметр (3)
function time (3)
jquery class (3)
font style (3)
ucoz (3)
php cycle for (3)
корень (3)
php rand (3)
jquery post (3)
question (3)
js attr ad (3)
first letter (3)
js attr change (3)
js attr get (3)
domen (3)
js tag delete (3)
https (3)
subdomain (3)
js post (3)
js hash (3)
vs code (3)
numbers (3)
captcha (3)
checkbox (3)
preg replace (3)
selector (3)
padding (3)
js cookie (3)
overflow (3)
magic constants (3)
php password (3)
php counters (3)
js img (3)
куб (3)
line (3)
сложить дробь (3)
money (3)
auto form (3)
php get element (3)
pseudo element (3)
js vars (2)
facebook (2)
yoomoney (2)
js object (2)
comments+ (2)
css book (2)
seo (2)
js value (2)
input stroke (2)
php mail (2)
php round (2)
audio player (2)
about me (2)
tag hr (2)
jquery method (2)
video (2)
youtube (2)
errordocument (2)
sitemap (2)
php array sort (2)
counter (2)
arrows (2)
php form (2)
php array value (2)
file cms (2)
contenteditable (2)
authorization (2)
qr kod (2)
typeof (2)
type file (2)
набрать дробь (2)
калькулятор 2 (2)
круг (2)
квадрат (2)
делить смешанную (2)
рся (2)
js property (2)
flags (2)
google (2)
attribute target (2)
js attr hey (2)
delete tag (2)
prompt (2)
функция (2)
details (2)
height (2)
source code (2)
computer (1)
js tag change (1)
jquery book (1)
js tag get (1)
text align (1)
archive (1)
smile (1)
прямоугольник (1)
game (1)
нод (1)
объем (1)
cursor (1)
php minute (1)
input html (1)
php info (1)
speed (1)
type range (1)
sublime text 4 (1)
header (1)
sberbank (1)
rutube (1)
jino (1)
css indent (1)
windows (1)
js session (1)
js tag do (1)
js folder (1)
scroll (1)
xmlhttprequest (1)
Jquery - Добавление содержимого после первого элемента
Как добавить блок после первого найденного элемента с помощью Jquery!?
Вот только мы разбирали добавление элемента(блока) после искомого элемента – будем использовать именно тот код, с небольшой разницей!Для иллюстрации нам понадобится подопытный код, на котором и будем путаться найти наш первый элемент и после него поставить то, что мы хотим поставить!
<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>
Нам понадобится блок, который мы хотим вставить после первого вхождения строки(как написано в одной их функций php)
<li style="color: red;">Тест</li>
Как это будет выглядеть в Jquery. Где «element» - это название блока, стиль, ид, - : first – первый найденный. After – после элемента:
$(element:first).after
Теперь все это соберем вместе:
<script>$(".no1:first").after("<li style=\"color: red;\">Тест</li>");</script>
Результат:
- Первая строка
- Вторая строка
- Третья строка
- Первая строка второго блока
- Вторая строка второго блока
- Третья строка второго блока
Можете не благодарить, лучше помогите!
Ссылка на скачивание : Все скрипты на одной странице
Теги :