Αναδίπλωση πολλαπλών στοιχείων στο jQuery

Μπορείτε να αναδιπλώσετε όχι κάθε στοιχείο ξεχωριστά, αλλά όλα τα στοιχεία που βρέθηκαν μαζί χρησιμοποιώντας τη μέθοδο wrapAll.

Στον κώδικα HTML, παρουσιάζεται μια ομάδα παραγράφων:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Ας βρούμε όλες τις παραγράφους με την κλάση www και να τις τυλίξουμε σε ένα tag div:

$('.www').wrapAll('<div></div>');

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

<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>

Λάβετε υπόψη ότι εάν τα στοιχεία που τυλίγονται δεν βρίσκονται το ένα δίπλα στο άλλο, η μέθοδος wrapAll πρώτα θα μετακινήσει τα στοιχεία σε ένα μέρος και μετά θα τα τυλίξει. Δείτε το ακόλουθο παράδειγμα:

<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

Εφαρμόζουμε τη μέθοδο wrapAll:

$('.www').wrapAll('<div></div>');

Ως αποτέλεσμα, παίρνουμε τον ακόλουθο κώδικα HTML:

<div>
	<p class="www">text1</p>
	<p class="www">text2</p>
	<p class="www">text3</p>
</div>
<p>text</p>

Οι μέθοδοι αναδίπλωσης στοιχείων προβλέπουν επίσης τη δυνατότητα εφαρμογής μιας συνάρτησης σε κάθε στοιχείο στο σύνολο.

Τυλίξτε όλα τα h2 σε ένα i.