Μέθοδος wrap
Η μέθοδος wrap τυλίγει
στοιχεία σε μια δεδομένη ετικέτα.
Σύνταξη
Η παράμετρος της μεθόδου μπορεί να είναι κείμενο (πιθανώς με ετικέτες), DOM στοιχείο ή αντικείμενο jQuery:
.wrap(text or tag);
Έτσι τα επιλεγμένα στοιχεία τυλίγονται με περιεχόμενο, που θα επιστραφεί από μια προσαρμοσμένη συνάρτηση. Η συνάρτηση καλείται ξεχωριστά, για καθένα από τα επιλεγμένα στοιχεία, και ως παράμετρο δέχεται τη θέση του στοιχείου στο σύνολο:
.wrap(function(αριθμός στο σύνολο));
Παράδειγμα
Ας τυλίξουμε όλες τις παραγράφους με κλάση www με την ετικέτα
div:
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p>κείμενο</p>
$('.www').wrap(document.createElement('div'));
Ο κώδικας HTML θα γίνει ως εξής:
<div><p class="www">κείμενο</p></div>
<div><p class="www">κείμενο</p></div>
<div><p class="www">κείμενο</p></div>
<p>κείμενο</p>
Παράδειγμα
Ως παράμετρο μπορεί να μεταβιβαστεί όχι μόνο το όνομα της ετικέτας, αλλά και η ακόλουθη κατασκευή:
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p>κείμενο</p>
$('.www').wrap('<div></div>');
Ο κώδικας HTML θα γίνει ως εξής:
<div><p class="www">κείμενο</p></div>
<div><p class="www">κείμενο</p></div>
<div><p class="www">κείμενο</p></div>
<p>κείμενο</p>
Παράδειγμα
Στην ετικέτα ανοίγματος μπορούν να γραφτούν οποιαδήποτε χαρακτηριστικά,
ενώ το τύλιγμα θα γίνει μαζί με αυτά τα
χαρακτηριστικά. Ας τυλίξουμε τις παραγράφους με κλάση
www με ένα div με κλάση zzz:
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p>κείμενο</p>
$('.www').wrap('<div class="zzz"></div>');
Ο κώδικας HTML θα γίνει ως εξής:
<div class="zzz"><p class="www">κείμενο</p></div>
<div class="zzz"><p class="www">κείμενο</p></div>
<div class="zzz"><p class="www">κείμενο</p></div>
<p>κείμενο</p>
