მეთოდი wrap
wrap მეთოდი შეფარდავს
ელემენტებს მოცემულ ტეგში.
სინტაქსი
მეთოდის პარამეტრი შეიძლება იყოს ტექსტი (შესაძლოა ტეგებთან ერთად), DOM ელემენტი ან jQuery ობიექტი:
.wrap(რაში შევაფაროთ);
ამ გზით შერჩეული ელემენტები შეფარდება შიგთავსით, რომელიც დააბრუნებს მომხმარებლის ფუნქციას. ფუნქცია გამოიძახება ცალ-ცალკე, თითოეული შერჩეული ელემენტისთვის, როგორც პარამეტრი იღებს ელემენტის პოზიციას ნაკრებში:
.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>
