Μέθοδος before

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

Σύνταξη

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

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

Έτσι, πριν από τα επιλεγμένα στοιχεία θα προστεθεί το κείμενο που θα επιστραφεί από την προσαρμοσμένη συνάρτηση:

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

Άλλη μια παραλλαγή χρήσης της συνάρτησης, όπου η δεύτερη παράμετρος ορίζει την παλιά html τιμή του στοιχείου:

javascript$(επιλογέας).before(function(αριθμός στο σύνολο, html συμβολοσειρά));

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

Παράδειγμα

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

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

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

Ο κώδικας HTML θα γίνει ως εξής:

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

Παράδειγμα

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

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

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

Ο κώδικας HTML θα γίνει ως εξής:

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

Παράδειγμα

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

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

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

Ο κώδικας HTML θα γίνει ως εξής:

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

Δείτε επίσης