Az append metódus
A append metódus szöveget ad hozzá egy elem
végéhez. Létezik továbbá a
appendTo
metódus is, amely hasonló módon működik.
Szintaxis
Szöveg beszúrása egy elem végéhez:
$(selector).append(szöveg);
A kiválasztott elemek végéhez hozzáadhatunk olyan szöveget, amelyet egy felhasználó által megadott függvény ad vissza. A függvényt a kiválasztott elemek mindegyikére külön-külön hívjuk meg. A hívás során a következő paramétereket kapja meg: az elem pozíciója a halmazban, az elem aktuális tartalma:
$(selector).append(function(index, html));
A tartalom nem csak egyszerű szöveg lehet, hanem DOM elem vagy jQuery objektum is. Ebben az esetben ezek az elemek elmozdulnak eredeti pozíciójukból a HTML kódban.
Példa
Szúrjunk be szöveget egy adott bekezdés végére:
<p id="test">szöveg</p>
$('#test').append('!!!');
A HTML kód így fog kinézni:
<p id="test">szöveg!!!</p>
Példa
Szúrjunk be címkékkel ellátott szöveget egy adott bekezdés végére:
<p id="test">szöveg</p>
$('#test').append('<b>!!!</b>');
A HTML kód így fog kinézni:
<p id="test">szöveg<b>!!!</b></p>
Példa
Keressük meg az összes bekezdést, és mindegyik végére tegyük a halmazban elfoglalt sorszámát:
<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>
$('p').append(function(index, text){return index;});
A HTML kód így fog kinézni:
<p>szöveg0</p>
<p>szöveg1</p>
<p>szöveg2</p>
<p>szöveg3</p>
<p>szöveg4</p>
