რამდენიმე ელემენტის შეფუთვა jQuery-ში

შესაძლებელია არა თითოეული ელემენტის ცალკე შეფუთვა, არამედ ყველა ნაპოვნი ელემენტის ერთად შეფუთვა wrapAll მეთოდის საშუალებით.

HTML კოდში წარმოდგენილია აბზაცების ჯგუფი:

html<p class="www">ტექსტი</p>
<p class="www">ტექსტი</p>
<p class="www">ტექსტი</p>
<p>ტექსტი</p>

მოდი ვიპოვოთ ყველა აბზაცი კლასით www და შევუფაროთ მათ ერთი div ტეგი:

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

HTML კოდი ასე გამოიყურება:

html<div>
<p class="www">ტექსტი</p>
<p class="www">ტექსტი</p>
<p class="www">ტექსტი</p>
</div>
<p>ტექსტი</p>

გაითვალისწინეთ, რომ თუ შესაფუთი ელემენტები არ დგანან ერთმანეთის გვერდით, მაშინ wrapAll მეთოდი ჯერ გადაიტანს ელემენტებს ერთ ადგილას, და მხოლოდ ამის შემდეგ შეუფარავს მათ. იხილეთ შემდეგი მაგალითი:

html<p class="www">ტექსტი1</p>
<p class="www">ტექსტი2</p>
<p>ტექსტი</p>
<p class="www">ტექსტი3</p>

ჩვენ ვიყენებთ wrapAll მეთოდს:

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

საბოლოოდ ჩვენ ვიღებთ შემდეგ HTML კოდს:

html<div>
  <p class="www">ტექსტი1</p>
  <p class="www">ტექსტი2</p>
  <p class="www">ტექსტი3</p>
</div>
<p>ტექსტი</p>

ელემენტების შეფუთვის მეთოდები ასევე ითვალისწინებს ფუნქციის გამოყენების შესაძლებლობას თითოეულ ელემენტზე ნაკრებში.