logo

TechCodeview

jQuery dodavanje()

Metoda jQuery append() koristi se za umetanje navedenog sadržaja kao posljednjeg djeteta (na kraju) odabranih elemenata u jQuery kolekciji.

Metode append () i appendTo () koriste se za izvođenje istog zadatka. Jedina razlika između njih je u sintaksi.

Sintaksa :

 $(selector).append(content, function(index, html))

Parametri jQuery append() metode

Vraća poziciju indeksa elementa u skupu.Vraća trenutni HTML odabranog elementa.
Parametar Opis
Sadržaj To je obavezan parametar. Određuje sadržaj koji želite umetnuti. Njegove moguće vrijednosti su:
  • HTML elementi
  • jQuery objekti
  • DOM elementi
Funkcija (index,html) To je izborni parametar. Određuje funkciju koja vraća sadržaj za umetanje.
Indeks:
HTML:

Primjer jQuery append() metode

Uzmimo primjer da demonstriramo jQuery append() metodu.

 $(document).ready(function(){ $(&apos;#btn1&apos;).click(function(){ $(&apos;p&apos;).append(&apos; <b>Newly added appended text</b> .&apos;); }); $(&apos;#btn2&apos;).click(function(){ $(&apos;ol&apos;).append(&apos;<li> <b>Newly added appended item</b> </li>&apos;); }); }); <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
Testirajte sada