Metoden jQuery append() används för att infoga specificerat innehåll som det sista underordnade (i slutet av) de valda elementen i jQuery-samlingen.
huggorm full huggorm
Metoderna append () och appendTo () används för att utföra samma uppgift. Den enda skillnaden mellan dem ligger i syntaxen.
Syntax :
hashmap i java
$(selector).append(content, function(index, html))
Parametrar för jQuery append()-metoden
Parameter | Beskrivning | ||
---|---|---|---|
Innehåll | Det är en obligatorisk parameter. Den anger innehållet som du vill infoga. Dess möjliga värden är:
| ||
Funktion (index,html) | Det är en valfri parameter. Den anger funktionen som returnerar innehållet att infoga.Index: | Den returnerar indexpositionen för elementet i uppsättningen.HTML: | Den returnerar den aktuella HTML-koden för det valda elementet. |
Exempel på jQuery append()-metoden
Låt oss ta ett exempel för att demonstrera jQuery append()-metoden.
$(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 itemTesta det nu