მეთოდი prepend

მეთოდი prepend ამატებს ტექსტს ელემენტის დასაწყისში. ასევე არსებობს მეთოდი prependTo, რომელიც მუშაობს ანალოგიურად.

სინტაქსი

ტექსტის ჩასმა ელემენტის დასაწყისში:

javascript$(სელექტორი).prepend(ტექსტი);

არჩეული ელემენტების დასაწყისში შეიძლება დაემატოს ტექსტი, რომელიც დააბრუნებს მომხმარებლის მიერ განსაზღვრულ ფუნქციას. ფუნქცია იწოდება ცალ-ცალკე თითოეული არჩეული ელემენტისთვის. გამოძახებისას მას გადაეცემა შემდეგი პარამეტრები: ელემენტის პოზიცია ნაკრებში, ელემენტის მიმდინარე შიგთავსი:

javascript$(სელექტორი).prepend(function(ნომერი ნაკრებში, ელემენტის მიმდინარე შიგთავსი));

შიგთავსი ასევე შეიძლება იყოს არა მხოლოდ ჩვეულებრივი ტექსტი, არამედ DOM ელემენტი ან jQuery ობიექტი. ამ შემთხვევაში, ეს ელემენტები გადაინაცვლებენ თავიანთი პოზიციიდან HTML კოდში.

მაგალითი

დავამატოთ ტექსტი მოცემული აბზაცის დასაწყისში:

html<p id="test">text</p>

javascript$('#test').prepend('!!!');

HTML კოდი ასე გამოიყურება:

html<p id="test">!!!text</p>

მაგალითი

დავამატოთ ტექსტი ტეგებით მოცემული აბზაცის დასაწყისში:

html<p id="test">text</p>

javascript$('#test').prepend('<b>!!!</b>');

HTML კოდი ასე გამოიყურება:

html<p id="test"><b>!!!</b>text</p>

მაგალითი

შევძენთ ყველა აბზაცს და თითოეულის დასაწყისში მივუთითოთ მისი რიგითი ნომერი ნაკრებში:

html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>

javascript$('p').prepend(function(index, text) {
  return index;
});

HTML კოდი ასე გამოიყურება:

html<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>

იხილეთ აგრეთვე