jQuery-এ একাধিক এলিমেন্ট র্যাপ করা
প্রতিটি এলিমেন্টকে আলাদাভাবে র্যাপ করার পাশাপাশি,
wrapAll মেথড ব্যবহার করে
সব খুঁজে পাওয়া এলিমেন্টকে একসাথে র্যাপ করা সম্ভব।
HTML কোডে একটি প্যারাগ্রাফ গ্রoup উপস্থাপন করা হয়েছে:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
চলুন www ক্লাস সহ সব প্যারাগ্রাফ খুঁজে বের করি এবং
সেগুলোকে একটি div ট্যাগে র্যাপ করি:
$('.www').wrapAll('<div></div>');
HTML কোডটি এখন এইরকম দেখাবে:
<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>
মনে রাখবেন, যদি র্যাপ করা এলিমেন্টগুলি পাশাপাশি না থাকে,
তবে wrapAll মেথড প্রথমে এলিমেন্টগুলিকে এক জায়গায় নিয়ে যাবে,
তারপর সেগুলোকে র্যাপ করবে। নিচের উদাহরণটি দেখুন:
<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>
আমরা wrapAll মেথড প্রয়োগ করি:
$('.www').wrapAll('<div></div>');
ফলস্বরূপ, আমরা নিম্নলিখিত HTML কোড পাই:
<div>
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
</div>
<p>text</p>
এলিমেন্ট র্যাপ করার মেথডগুলিও সেটের প্রতিটি এলিমেন্টে একটি ফাংশন প্রয়োগের সম্ভাবনা প্রদান করে।
সমস্ত h2 কে একটি i দিয়ে র্যাপ করুন।
