Metoda append
Metoda append dodaje tekst na koniec
elementu. Istnieje również metoda
appendTo,
która działa w analogiczny sposób.
Składnia
Wstawianie tekstu na koniec elementu:
javascript$(selektor).append(tekst);
Na koniec 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).append(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 te elementy zostaną przeniesione ze swojej pozycji w kodzie HTML.
Przykład
Dodajmy tekst na koniec określonego akapitu:
html<p id="test">text</p>javascript$('#test').append('!!!');
Kod HTML będzie wyglądać następująco:
html<p id="test">text!!!</p>
Przykład
Dodajmy tekst z tagami na koniec określonego akapitu:
html<p id="test">text</p>javascript$('#test').append('<b>!!!</b>');
Kod HTML będzie wyglądać następująco:
html<p id="test">text<b>!!!</b></p>
Przykład
Znajdźmy wszystkie akapity i na koniec 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').append(function(index, text){return index;});
Kod HTML będzie wyglądać następująco:
html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>