Метод jQuery append() використовується для вставлення зазначеного вмісту як останнього дочірнього (в кінці) вибраних елементів у колекції jQuery.
Методи append () і appendTo () використовуються для виконання того самого завдання. Різниця між ними лише в синтаксисі.
Синтаксис :
$(selector).append(content, function(index, html))
Параметри методу jQuery append().
Параметр | опис | ||
---|---|---|---|
Зміст | Це обов'язковий параметр. Він визначає вміст, який ви хочете вставити. Його можливі значення:
| ||
Функція (index,html) | Це необов'язковий параметр. Він визначає функцію, яка повертає вміст для вставки.Індекс: | Він повертає позицію індексу елемента в наборі.HTML: | Він повертає поточний HTML вибраного елемента. |
Приклад методу append() jQuery
Розглянемо приклад, щоб продемонструвати метод 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Перевірте зараз