jQuery-də elementlərin yaradılması və qablaşdırılması
Teqi ilə qablaşdırmazdan əvvəl sənəddə elementi
əvvəlcədən yaratmaq olar. Aşağıda təqdim olunan
abzasları '<div></div>' teqlərinə qablaşdıraq:
<p class="www">mətn</p>
<p class="www">mətn</p>
<p class="www">mətn</p>
<p>mətn</p>
Bunun üçün document.createElement('div')
vasitəsilə sənəddə elementi əvvəlcədən yaratmaq olar:
$('.www').wrap(document.createElement('div'));
Yaxud:
let div = document.createElement("div");
$('.www').wrap(div);
Parametr kimi təkcə teqin adını deyil, həm də
belə bir konstruksiyanı - '<div></div>'
- ötürmək olar, bu halda effekt tamamilə eyni olacaq:
$('.www').wrap('<div></div>');
HTML kodu belə görünəcək:
<div><p class="www">mətn</p></div>
<div><p class="www">mətn</p></div>
<div><p class="www">mətn</p></div>
<p>mətn</p>
İkinci üsuldan istifadə edərkən,
açılan teqə (bizim halda '<div>')
istənilən atributları yazmaq olar, bununla da
qablaşdırma bu atributlarla birlikdə olacaq.
Gəlin abzarlarımızı zzz sinfi olan div ilə qablaşdıraq:
$('.www').wrap('<div class="zzz"></div>');
HTML kodu belə görünəcək:
<div class="zzz"><p class="www">mətn</p></div>
<div class="zzz"><p class="www">mətn</p></div>
<div class="zzz"><p class="www">mətn</p></div>
<p>mətn</p>
Hər bir h3-ni aaa sinfi olan
div ilə qablaşdırın.