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

Глядзіце таксама