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>') যেকোনো অ্যাট্রিবিউট লেখা যেতে পারে, এবং মোড়ানোর সময় এই অ্যাট্রিবিউটগুলো সহ যোগ হবে।

আসুন আমাদের প্যারাগ্রাফগুলোকে zzz ক্লাস সহ একটি div দ্বারা মোড়াই:

$('.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 কে aaa ক্লাস সহ একটি div দিয়ে মোড়ানো।