Bir neçə elementin jQuery-də əhatə edilməsi

Hər bir elementi ayrı-ayrılıqda deyil, wrapAll metodu ilə tapılan bütün elementləri birlikdə əhatə etmək olar.

HTML kodunda abzaslar qrupu təqdim olunub:

html<p class="www">mətn</p>
<p class="www">mətn</p>
<p class="www">mətn</p>
<p>mətn</p>

Gəlin www sinfi olan bütün abzasları tapaq və onları bir div teqinə əlavə edək:

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

HTML kodu belə görünəcək:

html<div>
<p class="www">mətn</p>
<p class="www">mətn</p>
<p class="www">mətn</p>
</div>
<p>mətn</p>

Nəzərə alın ki, əgər əhatə olunan elementlər yan-yana deyilsə, wrapAll metodu əvvəlcə elementləri bir yerə köçürəcək, sonra isə onları əhatə edəcək. Aşağıdakı nümunəyə baxın:

html<p class="www">mətn1</p>
<p class="www">mətn2</p>
<p>mətn</p>
<p class="www">mətn3</p>

wrapAll metodunu tətbiq edirik:

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

Nəticədə aşağıdakı HTML kodu alırıq:

html<div>
  <p class="www">mətn1</p>
  <p class="www">mətn2</p>
  <p class="www">mətn3</p>
</div>
<p>mətn</p>

Elementləri əhatə etmə metodları həmçinin dəstdəki hər bir elementə funksiya tətbiq etmək imkanını nəzərdə tutur.