jQuery-এ একাধিক এলিমেন্ট র‍্যাপ করা

প্রতিটি এলিমেন্টকে আলাদাভাবে র‍্যাপ করার পাশাপাশি, wrapAll মেথড ব্যবহার করে সব খুঁজে পাওয়া এলিমেন্টকে একসাথে র‍্যাপ করা সম্ভব।

HTML কোডে একটি প্যারাগ্রাফ গ্রoup উপস্থাপন করা হয়েছে:

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

চলুন www ক্লাস সহ সব প্যারাগ্রাফ খুঁজে বের করি এবং সেগুলোকে একটি div ট্যাগে র‍্যাপ করি:

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

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

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

মনে রাখবেন, যদি র‍্যাপ করা এলিমেন্টগুলি পাশাপাশি না থাকে, তবে wrapAll মেথড প্রথমে এলিমেন্টগুলিকে এক জায়গায় নিয়ে যাবে, তারপর সেগুলোকে র‍্যাপ করবে। নিচের উদাহরণটি দেখুন:

html<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

আমরা wrapAll মেথড প্রয়োগ করি:

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

ফলস্বরূপ, আমরা নিম্নলিখিত HTML কোড পাই:

html<div>
  <p class="www">text1</p>
  <p class="www">text2</p>
  <p class="www">text3</p>
</div>
<p>text</p>

এলিমেন্ট র‍্যাপ করার মেথডগুলিও সেটের প্রতিটি এলিমেন্টে একটি ফাংশন প্রয়োগের সম্ভাবনা প্রদান করে।