Metod after
Metod after göstərilən elementdən sonra
mətn əlavə edir. Həmçinin insertAfter
metodu da mövcuddur ki,
o da eyni qaydada işləyir.
Sintaksis
Elementdən sonra mətn əlavə etmək:
$(selektor).after(mətn);
Beləliklə, seçilmiş elementlərdən sonra istifadəçi tərəfindən təyin olunmuş funksiya tərəfindən qaytarılan mətn əlavə olunacaq. Funksiya hər bir seçilmiş element üçün ayrı-ayrılıqda çağırılır. Bu funksiyanın birinci parametri hər bir seçilmiş elementin çoxluqdakı nömrəsidir (növbə ilə), ikincisi isə elementin cari məzmunudur:
$(selektor).after(funksiya(çoxluqda nömrə, elementin cari məzmunu));
Mətn təkcə adi mətn deyil, həm də DOM elementi və ya jQuery obyekti ola bilər. Bu halda həmin elementlər HTML kodunda öz mövqelərindən köçürüləcək.
Nümunə
Gəlin göstərilən abzacsdan sonra mətn əlavə edək:
<p id="test">mətn</p>
$('#test').after('!!!');
HTML kodu aşağıdakı kimi olacaq:
<p id="test">mətn</p>!!!
Nümunə
Gəlin göstərilən abzacsdan sonra teqləri olan mətn əlavə edək:
<p id="test">mətn</p>
$('#test').after('<p>!!!</p>');
HTML kodu aşağıdakı kimi olacaq:
<p id="test">mətn</p><p>!!!</p>
Nümunə
Gəlin bir abzacı digərinin altına köçürək (yəni abzacı köhnə yerindən kəsib yeni yerinə qoyaq):
<p id="p1">mətn1</p>
<p id="p2">mətn2</p>
$('#p1').after($('#p2'));
HTML kodu aşağıdakı kimi olacaq:
<p id="p1">mətn1</p>
<p id="p2">mətn2</p>
Həmçinin bax
-
metod
insertAfter,
hansı ki, göstərilən elementdən sonra mətn əlavə edir -
metodlar
before,append,prepend,
səhifədə müəyyən yerə məzmun əlavə etməyə imkan verir -
metod
clone,
hansı ki, seçilmiş elementlərin kopyasını yaradır