Методот 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>