Μέθοδος append
Η μέθοδος append προσθέτει κείμενο στο τέλος
ενός στοιχείου. Υπάρχει επίσης η μέθοδος
appendTo,
που λειτουργεί με παρόμοιο τρόπο.
Σύνταξη
Εισαγωγή κειμένου στο τέλος ενός στοιχείου:
$(επιλογέας).append(κείμενο);
Στο τέλος των επιλεγμένων στοιχείων μπορεί να προστεθεί κείμενο, που θα επιστραφεί από μια προσαρμοσμένη συνάρτηση. Η συνάρτηση καλείται ξεχωριστά για κάθε ένα από τα επιλεγμένα στοιχεία. Κατά την κλήση της, περνιούνται οι ακόλουθες παράμετροι: η θέση του στοιχείου στο σύνολο, το τρέχον περιεχόμενο του στοιχείου:
$(επιλογέας).append(function(αριθμός στο σύνολο, τρέχον περιεχόμενο στοιχείου));
Το περιεχόμενο μπορεί επίσης να είναι όχι μόνο απλό κείμενο, αλλά και στοιχείο DOM ή αντικείμενο jQuery. Σε αυτήν την περίπτωση, αυτά τα στοιχεία μετακινούνται από τη θέση τους στον κώδικα HTML.
Παράδειγμα
Ας εισάγουμε κείμενο στο τέλος μιας δεδομένης παραγράφου:
<p id="test">κείμενο</p>
$('#test').append('!!!');
Ο κώδικας HTML θα γίνει κάπως έτσι:
<p id="test">κείμενο!!!</p>
Παράδειγμα
Ας εισάγουμε κείμενο με ετικέτες στο τέλος μιας δεδομένης παραγράφου:
<p id="test">κείμενο</p>
$('#test').append('<b>!!!</b>');
Ο κώδικας HTML θα γίνει κάπως έτσι:
<p id="test">κείμενο<b>!!!</b></p>
Παράδειγμα
Ας βρούμε όλες τις παραγράφους και στο τέλος καθεμιάς από αυτές ας βάλουμε τον τακτικό της αριθμό στο σύνολο:
<p>κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>
$('p').append(function(index, text){return index;});
Ο κώδικας HTML θα γίνει κάπως έτσι:
<p>κείμενο0</p>
<p>κείμενο1</p>
<p>κείμενο2</p>
<p>κείμενο3</p>
<p>κείμενο4</p>
