14 of 119 menu

Метод prepend

Метод prepend додаје текст на почетак елемента. Такође постоји метод prependTo, који функционише на сличан начин.

Синтакса

Уметање текста на почетак елемента:

$(селектор).prepend(текст);

На почетак изабраних елемената може се додати текст који ће бити враћен од стране корисничке функције. Функција се позива, засебно за сваки од изабраних елемената. Приликом позива њој се прослеђују следећи параметри: позиција елемента у скупу, тренутни садржај елемента:

$(селектор).prepend(function(број у скупу, тренутни садржај елемента));

Садржај такође може бити не само обичан текст, већ и DOM елемент или jQuery објекат. У том случају, ови елементи ће се преместити са своје позиције у HTML коду.

Пример

Хајде да уметнемо текст на почетак задатог параграфа:

<p id="test">текст</p> $('#test').prepend('!!!');

HTML код ће тада изгледати овако:

<p id="test">!!!текст</p>

Пример

Хајде да уметнемо текст са ознакама на почетак задатог параграфа:

<p id="test">текст</p> $('#test').prepend('<b>!!!</b>');

HTML код ће тада изгледати овако:

<p id="test"><b>!!!</b>текст</p>

Пример

Хајде да пронађемо све параграфе и на почетак сваком од њих ставимо његов редни број у скупу:

<p>текст</p> <p>текст</p> <p>текст</p> <p>текст</p> <p>текст</p> $('p').prepend(function(index, text) { return index; });

HTML код ће тада изгледати овако:

<p>0текст</p> <p>1текст</p> <p>2текст</p> <p>3текст</p> <p>4текст</p>

Погледајте такође

  • метод prependTo,
    који додаје текст на почетак елемента
  • методе append, before, after,
    које омогућавају додавање садржаја на одређено место
  • псеудоелемент before,
    који додаје текст на крај елемента помоћу CSS-а
Српски
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Користимо колачиће за рад сајта, аналитику и персонализацију. Обрада података се врши у складу са Политиком приватности.
прихвати све подеси одбиј