მეთოდი append
append მეთოდი ელემენტის ბოლოში
ტექსტს ამატებს. ასევე არსებობს
appendTo
მეთოდი, რომელიც მსგავსად მუშაობს.
სინტაქსი
ტექსტის ჩასმა ელემენტის ბოლოში:
$(სელექტორი).append(ტექსტი);
არჩეულ ელემენტებში შესაძლებელია ტექსტის დამატება, რომელიც დაბრუნებული იქნება მომხმარებლის მიერ განსაზღვრული ფუნქციის მიერ. ფუნქცია იძახება ცალ-ცალკე თითოეული არჩეული ელემენტისთვის. გამოძახებისას მას გადაეცემა შემდეგი პარამეტრები: ელემენტის პოზიცია ნაკრებში, ელემენტის მიმდინარე შიგთავსი:
$(სელექტორი).append(function(ინდექსი ნაკრებში, ელემენტის მიმდინარე შიგთავსი));
შიგთავსი შეიძლება იყოს არა მხოლოდ ჩვეულებრივი ტექსტი, არამედ DOM ელემენტი ან jQuery ობიექტი. ამ შემთხვევაში ეს ელემენტები თავიანთი პოზიციიდან HTML კოდში გადაინაცვლებენ.
მაგალითი
დავამატოთ ტექსტი მოცემული აბზაცის ბოლოში:
<p id="test">ტექსტი</p>
$('#test').append('!!!');
HTML კოდი ასე გამოიყურება:
<p id="test">ტექსტი!!!</p>
მაგალითი
დავამატოთ ტექსტი ტეგებით მოცემული აბზაცის ბოლოში:
<p id="test">ტექსტი</p>
$('#test').append('<b>!!!</b>');
HTML კოდი ასე გამოიყურება:
<p id="test">ტექსტი<b>!!!</b></p>
მაგალითი
შევძინოთ ყველა აბზაცი და თითოეული მათგანის ბოლოში დავამატოთ მისი რიგითი ნომერი ნაკრებში:
<p>ტექსტი</p>
<p>ტექსტი</p>
<p>ტექსტი</p>
<p>ტექსტი</p>
<p>ტექსტი</p>
$('p').append(function(index, text){return index;});
HTML კოდი ასე გამოიყურება:
<p>ტექსტი0</p>
<p>ტექსტი1</p>
<p>ტექსტი2</p>
<p>ტექსტი3</p>
<p>ტექსტი4</p>
