Append metodu
append metodu elementin sonuna mətn
əlavə edir. Həmçinin appendTo
metodu da mövcuddur ki,
o da eyni qaydada işləyir.
Sintaksis
Elementin sonuna mətn əlavə etmək:
$(selektor).append(mətn);
Seçilmiş elementlərin sonuna, istifadəçi tərəfindən qaytarılan mətn əlavə edilə bilər. Funksiya hər bir seçilmiş element üçün ayrıca çağırılır. Çağırılan zaman aşağıdakı parametrlər ötürülür: elementin dəstdəki mövqeyi, elementin cari məzmunu:
$(selektor).append(funksiya(dəstdəki nömrə, elementin cari məzmunu));
Məzmun təkcə adi mətndən deyil, həm də DOM elementindən və ya jQuery obyektindən ibarət ola bilər. Bu halda bu elementlər HTML kodunda öz mövqelərindən hərəkət etdiriləcək.
Nümunə
Gəlin verilmiş abzasın sonuna mətn əlavə edək:
<p id="test">mətn</p>
$('#test').append('!!!');
HTML kodu aşağıdakı kimi olacaq:
<p id="test">mətn!!!</p>
Nümunə
Gəlin verilmiş abzasın sonuna teqləri olan mətn əlavə edək:
<p id="test">mətn</p>
$('#test').append('<b>!!!</b>');
HTML kodu aşağıdakı kimi olacaq:
<p id="test">mətn<b>!!!</b></p>
Nümunə
Gəlin bütün abzaları tapaq və hər birinin sonuna onun dəstdəki sıra nömrəsini qoyaq:
<p>mətn</p>
<p>mətn</p>
<p>mətn</p>
<p>mətn</p>
<p>mətn</p>
$('p').append(function(index, text){return index;});
HTML kodu aşağıdakı kimi olacaq:
<p>mətn0</p>
<p>mətn1</p>
<p>mətn2</p>
<p>mətn3</p>
<p>mətn4</p>
