jQuery-তে এলিমেন্ট তৈরি করা এবং মোড়ানো

ট্যাগ দ্বারা মোড়ানোর আগে ডকুমেন্টে এলিমেন্ট প্রাথমিকভাবে তৈরি করা যেতে পারে। নিচের প্যারাগ্রাফগুলোকে '<div></div>' ট্যাগে মোড়ানো যাক:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

এটি করার জন্য document.createElement('div') ব্যবহার করে ডকুমেন্টে এলিমেন্ট প্রাথমিকভাবে তৈরি করা যেতে পারে:

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

অথবা:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

প্যারামিটার হিসেবে শুধুমাত্র ট্যাগের নামই নয়, এই ধরনের কনস্ট্রাকশন - '<div></div>' - ও পাঠানো যেতে পারে, এই ক্ষেত্রে প্রভাব সম্পূর্ণ একই হবে:

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

HTML কোডটি এইরকম দেখাবে:

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 দ্বারা মোড়াই:

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

HTML কোডটি এইরকম দেখাবে:

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>