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