Metoden append
Metoden append lägger till text i slutet
av ett element. Det finns också metoden
appendTo,
som fungerar på ett liknande sätt.
Syntax
Infoga text i slutet av ett element:
javascript$(selector).append(text);
I slutet av de valda elementen kan man lägga till text som returneras av en anpassad funktion. Funktionen anropas separat för varje av de valda elementen. Vid anropet skickas följande parametrar: elementets position i uppsättningen, elementets nuvarande innehåll:
javascript$(selector).append(function(index, html));
Innehållet kan också vara inte bara vanlig text, utan även DOM-element eller jQuery-objekt. I detta fall kommer dessa element att flyttas från sin position i HTML-koden.
Exempel
Låt oss infoga text i slutet av ett givet stycke:
html<p id="test">text</p>javascript$('#test').append('!!!');
HTML-koden kommer att se ut så här:
html<p id="test">text!!!</p>
Exempel
Låt oss infoga text med taggar i slutet av ett givet stycke:
html<p id="test">text</p>javascript$('#test').append('<b>!!!</b>');
HTML-koden kommer att se ut så här:
html<p id="test">text<b>!!!</b></p>
Exempel
Låt oss hitta alla stycken och i slutet av varje av dem sätta dess ordningsnummer i uppsättningen:
html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').append(function(index, text){return index;});
HTML-koden kommer att se ut så här:
html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>