Metoda jQuery append() służy do wstawiania określonej treści jako ostatniego dziecka (na końcu) wybranych elementów w kolekcji jQuery.
Metody append () i appendTo () służą do wykonania tego samego zadania. Jedyna różnica między nimi polega na składni.
Składnia :
jak otworzyć plik w Javie
$(selector).append(content, function(index, html))
Parametry metody append() jQuery
| Parametr | Opis | ||
|---|---|---|---|
| Treść | Jest to parametr obowiązkowy. Określa treść, którą chcesz wstawić. Jego możliwe wartości to:
| ||
| Funkcja (indeks,html) | Jest to parametr opcjonalny. Określa funkcję zwracającą treść do wstawienia.| Indeks: | Zwraca pozycję indeksu elementu w zestawie.HTML: | Zwraca bieżący kod HTML wybranego elementu. |
Przykład metody append() jQuery
Weźmy przykład ilustrujący metodę 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 Przetestuj teraz