მეთოდი wrap

wrap მეთოდი შეფარდავს ელემენტებს მოცემულ ტეგში.

სინტაქსი

მეთოდის პარამეტრი შეიძლება იყოს ტექსტი (შესაძლოა ტეგებთან ერთად), DOM ელემენტი ან jQuery ობიექტი:

javascript.wrap(რაში შევაფაროთ);

ამ გზით შერჩეული ელემენტები შეფარდება შიგთავსით, რომელიც დააბრუნებს მომხმარებლის ფუნქციას. ფუნქცია გამოიძახება ცალ-ცალკე, თითოეული შერჩეული ელემენტისთვის, როგორც პარამეტრი იღებს ელემენტის პოზიციას ნაკრებში:

javascript.wrap(function(ნომერი ნაკრებში));

მაგალითი

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

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

javascript$('.www').wrap(document.createElement('div'));

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

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

მაგალითი

პარამეტრად შეიძლება გადავცეთ არა მხოლოდ ტეგის სახელი, არამედ შემდეგი კონსტრუქცია:

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

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

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

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

მაგალითი

გამხსნელ ტეგში შეიძლება ჩავწეროთ ნებისმიერი ატრიბუტი, ამ შემთხვევაში შეფარდვა მოხდება ამ ატრიბუტებთან ერთად. შევაფაროთ აბზაცები კლასით www div-ით კლასით zzz:

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

javascript$('.www').wrap('<div class="zzz"></div>');

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

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>

იხილეთ აგრეთვე