Методът jQuery append() се използва за вмъкване на определено съдържание като последно дете (в края на) избраните елементи в колекцията jQuery.
Методите append () и appendTo () се използват за изпълнение на същата задача. Единствената разлика между тях е в синтаксиса.
Синтаксис :
$(selector).append(content, function(index, html))
Параметри на метода append() на jQuery
| Параметър | Описание | ||
|---|---|---|---|
| Съдържание | Това е задължителен параметър. Той определя съдържанието, което искате да вмъкнете. Неговите възможни стойности са:
| ||
| Функция (индекс, html) | Това е незадължителен параметър. Той определя функцията, която връща съдържанието за вмъкване.| Индекс: | Връща позицията на индекса на елемента в набора.HTML: | Връща текущия HTML на избрания елемент. |
Пример за метод jQuery append().
Нека вземем пример, за да демонстрираме метода append() на jQuery.
$(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' <b>Newly added appended text</b> .'); }); $('#btn2').click(function(){ $('ol').append('<li> <b>Newly added appended item</b> </li>'); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item Тествайте сега