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