Metode jQuery append() tiek izmantota, lai ievietotu norādīto saturu kā pēdējo atvasināto (beigās) atlasīto elementu jQuery kolekcijā.
Lai veiktu vienu un to pašu uzdevumu, tiek izmantotas pievienošanas () un appendTo () metodes. Vienīgā atšķirība starp tām ir sintaksē.
Sintakse :
$(selector).append(content, function(index, html))
jQuery append() metodes parametri
| Parametrs | Apraksts | ||
|---|---|---|---|
| Saturs | Tas ir obligāts parametrs. Tas norāda saturu, kuru vēlaties ievietot. Tās iespējamās vērtības ir:
| ||
| Funkcija (indekss, html) | Tas ir izvēles parametrs. Tas norāda funkciju, kas atgriež ievietojamo saturu.| Indekss: | Tas atgriež elementa indeksa pozīciju kopā.HTML: | Tas atgriež atlasītā elementa pašreizējo HTML. |
jQuery append() metodes piemērs
Ņemsim piemēru, lai demonstrētu jQuery append() metodi.
$(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 Izmēģiniet to tagad