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