Μέθοδος after
Η μέθοδος after προσθέτει κείμενο μετά από
το καθορισμένο στοιχείο. Υπάρχει επίσης η μέθοδος
insertAfter,
που λειτουργεί με παρόμοιο τρόπο.
Σύνταξη
Εισαγωγή κειμένου μετά από το στοιχείο:
$(επιλογέας).after(κείμενο);
Έτσι, μετά από τα επιλεγμένα στοιχεία θα προστεθεί κείμενο, που θα επιστραφεί από μια προσαρμοσμένη συνάρτηση. Η συνάρτηση καλείται ξεχωριστά για καθένα από τα επιλεγμένα στοιχεία. Στην πρώτη παράμετρο αυτής της συνάρτησης περνάει ο αριθμός στο σύνολο του κάθε επιλεγμένου στοιχείου (με σειρά), στη δεύτερη - το τρέχον περιεχόμενο του στοιχείου:
$(επιλογέας).after(function(αριθμός στο σύνολο, τρέχον περιεχόμενο στοιχείου));
Το κείμενο μπορεί επίσης να είναι όχι μόνο απλό κείμενο, αλλά και στοιχείο DOM ή αντικείμενο jQuery. Σε αυτή την περίπτωση, αυτά τα στοιχεία θα μετακινηθούν από τη θέση τους στον κώδικα HTML.
Παράδειγμα
Ας εισάγουμε κείμενο μετά από την καθορισμένη παράγραφο:
<p id="test">κείμενο</p>
$('#test').after('!!!');
Ο κώδικας HTML θα γίνει έτσι:
<p id="test">κείμενο</p>!!!
Παράδειγμα
Ας εισάγουμε κείμενο με ετικέτες μετά από την καθορισμένη παράγραφο:
<p id="test">κείμενο</p>
$('#test').after('<p>!!!</p>');
Ο κώδικας HTML θα γίνει έτσι:
<p id="test">κείμενο</p><p>!!!</p>
Παράδειγμα
Ας μετακινήσουμε τη μια παράγραφο κάτω από την άλλη (δηλαδή, να αφαιρέσουμε την παράγραφο από την παλιά της θέση και να τη βάλουμε σε νέα):
<p id="p1">κείμενο1</p>
<p id="p2">κείμενο2</p>
$('#p1').after($('#p2'));
Ο κώδικας HTML θα γίνει έτσι:
<p id="p1">κείμενο1</p>
<p id="p2">κείμενο2</p>
Δείτε επίσης
-
η μέθοδος
insertAfter,
που προσθέτει κείμενο μετά από το καθορισμένο στοιχείο -
οι μέθοδοι
before,append,prepend,
που επιτρέπουν την προσθήκη περιεχομένου σε συγκεκριμένο σημείο στη σελίδα -
η μέθοδος
clone,
που δημιουργεί αντίγραφα των επιλεγμένων στοιχείων
