Μέθοδος after

Η μέθοδος after προσθέτει κείμενο μετά από το καθορισμένο στοιχείο. Υπάρχει επίσης η μέθοδος insertAfter, που λειτουργεί με παρόμοιο τρόπο.

Σύνταξη

Εισαγωγή κειμένου μετά από το στοιχείο:

javascript$(επιλογέας).after(κείμενο);

Έτσι, μετά από τα επιλεγμένα στοιχεία θα προστεθεί κείμενο, που θα επιστραφεί από μια προσαρμοσμένη συνάρτηση. Η συνάρτηση καλείται ξεχωριστά για καθένα από τα επιλεγμένα στοιχεία. Στην πρώτη παράμετρο αυτής της συνάρτησης περνάει ο αριθμός στο σύνολο του κάθε επιλεγμένου στοιχείου (με σειρά), στη δεύτερη - το τρέχον περιεχόμενο του στοιχείου:

javascript$(επιλογέας).after(function(αριθμός στο σύνολο, τρέχον περιεχόμενο στοιχείου));

Το κείμενο μπορεί επίσης να είναι όχι μόνο απλό κείμενο, αλλά και στοιχείο DOM ή αντικείμενο jQuery. Σε αυτή την περίπτωση, αυτά τα στοιχεία θα μετακινηθούν από τη θέση τους στον κώδικα HTML.

Παράδειγμα

Ας εισάγουμε κείμενο μετά από την καθορισμένη παράγραφο:

html<p id="test">κείμενο</p>

javascript$('#test').after('!!!');

Ο κώδικας HTML θα γίνει έτσι:

html<p id="test">κείμενο</p>!!!

Παράδειγμα

Ας εισάγουμε κείμενο με ετικέτες μετά από την καθορισμένη παράγραφο:

html<p id="test">κείμενο</p>

javascript$('#test').after('<p>!!!</p>');

Ο κώδικας HTML θα γίνει έτσι:

html<p id="test">κείμενο</p><p>!!!</p>

Παράδειγμα

Ας μετακινήσουμε τη μια παράγραφο κάτω από την άλλη (δηλαδή, να αφαιρέσουμε την παράγραφο από την παλιά της θέση και να τη βάλουμε σε νέα):

html<p id="p1">κείμενο1</p>
<p id="p2">κείμενο2</p>

javascript$('#p1').after($('#p2'));

Ο κώδικας HTML θα γίνει έτσι:

html<p id="p1">κείμενο1</p>
<p id="p2">κείμενο2</p>

Δείτε επίσης