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