ელემენტების შექმნა და შეფუთვა jQuery-ში
ტეგით შეფუთვამდე, შესაძლებელია ელემენტის წინასწარ შექმნა დოკუმენტში.
მოდით, ქვემოთ წარმოდგენილი აბზაცები შევაფაროთ
'<div></div>' თეგებს:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
ამისთვის შესაძლებელია ელემენტის წინასწარ შექმნა
დოკუმენტში
document.createElement('div')-ის გამოყენებით:
$('.www').wrap(document.createElement('div'));
ან:
let div = document.createElement("div");
$('.www').wrap(div);
პარამეტრად შესაძლებელია გადაეცეს არა მხოლოდ თეგის
სახელი, არამედ ასეთი კონსტრუქციაც - '<div></div>'
- ამ შემთხვევაში ეფექტი სრულიად იგივე იქნება:
$('.www').wrap('<div></div>');
HTML კოდი ასე გამოიყურება:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
მეორე გზის გამოყენებისას,
გახსნის თეგში (ჩვენს შემთხვევაში '<div>'-ში)
შესაძლებელია ნებისმიერი ატრიბუტის დაწერა, ამ შემთხვევაში
შეფუთვა მოხდება ამ ატრიბუტებთან ერთად.
მოდით, ჩვენი აბზაცები შევაფაროთ div-ს კლასით
zzz:
$('.www').wrap('<div class="zzz"></div>');
HTML კოდი ასე გამოიყურება:
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>
შეაფარეთ თითოეული h3-ს div
კლასით aaa.
