Метад append
Метад append дабаўляе тэкст у канец
элемента. Таксама існуе метад
appendTo,
які працуе аналагічным чынам.
Сінтаксіс
Устаўка тэксту ў канец элемента:
javascript$(селектар).append(тэкст);
У канец абраных элементаў можна дадаць тэкст, які будзе вернуты карыстальніцкай функцыяй. Функцыя выклікаецца, асобна для кожнага з абраных элементаў. Пры выкліку ёй перадаюцца наступныя параметры: пазіцыя элемента ў наборы, бягучае змесціва элемента:
javascript$(селектар).append(function(нумар у наборы, бягучае змесціва элемента));
Змесціва таксама можа быць не толькі звычайным тэкстам, але і DOM элементам або аб'ектам jQuery. У гэтым выпадку гэтыя элементы перамясцяцца са сваёй пазіцыі ў HTML кодзе.
Прыклад
Давайце ўставім тэкст у канец зададзенага абзаца:
html<p id="test">text</p>javascript$('#test').append('!!!');
HTML код стане выглядаць так:
html<p id="test">text!!!</p>
Прыклад
Давайце ўставім тэкст з тэгамі ў канец зададзенага абзаца:
html<p id="test">text</p>javascript$('#test').append('<b>!!!</b>');
HTML код стане выглядаць так:
html<p id="test">text<b>!!!</b></p>
Прыклад
Давайце знойдзем усе абзацы і ў канец кожнаму з них поставим яго парадкавы нумар у наборы:
html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').append(function(index, text){return index;});
HTML код стане выглядаць так:
html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>