Metoda prepend
Metoda prepend dodaje tekst na początek
elementu. Istnieje również metoda
prependTo,
która działa w analogiczny sposób.
Składnia
Wstawianie tekstu na początek elementu:
javascript$(selektor).prepend(tekst);
Na początek wybranych elementów można dodać tekst, który zostanie zwrócony przez funkcję użytkownika. Funkcja jest wywoływana oddzielnie dla każdego z wybranych elementów. Podczas wywołania przekazywane są jej następujące parametry: pozycja elementu w zestawie, bieżąca zawartość elementu:
javascript$(selektor).prepend(function(numer w zestawie, bieżąca zawartość elementu));
Zawartość może być nie tylko zwykłym tekstem, ale także elementem DOM lub obiektem jQuery. W tym przypadku elementy te zostaną przeniesione ze swojej pozycji w kodzie HTML.
Przykład
Dodajmy tekst na początek określonego akapitu:
html<p id="test">text</p>javascript$('#test').prepend('!!!');
Kod HTML będzie wyglądać tak:
html<p id="test">!!!text</p>
Przykład
Dodajmy tekst z tagami na początek określonego akapitu:
html<p id="test">text</p>javascript$('#test').prepend('<b>!!!</b>');
Kod HTML będzie wyglądać tak:
html<p id="test"><b>!!!</b>text</p>
Przykład
Znajdźmy wszystkie akapity i na początku każdego z nich umieśćmy jego numer porządkowy w zestawie:
html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').prepend(function(index, text) {
return index;
});
Kod HTML będzie wyglądać tak:
html<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>