Η μέθοδος after στο jQuery
Η μέθοδος after επιτρέπει την προσθήκη
κειμένου μετά από στοιχεία.
Ας εξετάσουμε το ακόλουθο παράδειγμα, ας υποθέσουμε ότι έχουμε μια παράγραφο:
<p>κείμενο</p>
Τώρα γράφουμε τον ακόλουθο κώδικα Javascript:
$('p').after('<b>!!!</b>');
Μετά την εκτέλεση του κώδικα, η παράγραφος θα εμφανίζεται ως εξής:
<p>κείμενο</p><b>!!!</b>
Αξίζει να σημειωθεί ότι όλες οι παραπάνω μέθοδοι εισαγωγής
- prepend, append,
before και after προβλέπουν επίσης
την δυνατότητα εφαρμογής μιας συνάρτησης σε κάθε
στοιχείο στο σύνολο.
Ας βρούμε όλες τις παραγράφους και στο τέλος καθεμιάς από αυτές ας βάλουμε τη σειριακή της θέση στο σύνολο:
<p>κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>
$('p').append(function(index){return index;});
Μετά από κάθε h2 εισάγετε '<p>?</p>'.
Με μια αλυσίδα, πριν από κάθε h2 εισάγετε
'<p>!</p>', και μετά το h2 -
'<p>?</p>'.