মেথড wrap
মেথড wrap এলিমেন্টগুলোকে
একটি নির্দিষ্ট ট্যাগে র্যাপ করে।
সিনট্যাক্স
মেথডের প্যারামিটার হিসেবে টেক্সট (সম্ভবত ট্যাগ সহ), DOM এলিমেন্ট বা jQuery অবজেক্ট কাজ করতে পারে:
.wrap(কী দিয়ে র্যাপ করবে);
এইভাবে নির্বাচিত এলিমেন্টগুলো সেই কনটেন্ট দিয়ে র্যাপ করা হয়, যা ইউজার-ডিফাইন্ড ফাংশন দ্বারা রিটার্ন করা হবে। ফাংশনটি আলাদাভাবে কল করা হয়, প্রতিটি নির্বাচিত এলিমেন্টের জন্য, প্যারামিটার হিসেবে সেটে এলিমেন্টের পজিশন নেয়:
.wrap(function(সেটে নম্বর));
উদাহরণ
চলুন www ক্লাস যুক্ত সব প্যারাগ্রাফকে
div ট্যাগ দিয়ে র্যাপ করি:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('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>
উদাহরণ
প্যারামিটার হিসেবে শুধু ট্যাগের নামই নয়, নিচের কনস্ট্রাকশনটাও পাস করা যায়:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.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>
উদাহরণ
ওপেনিং ট্যাগে যেকোনো অ্যাট্রিবিউট লেখা যায়,
এক্ষেত্রে র্যাপিং সেই অ্যাট্রিবিউটগুলো সহ হবে।
চলুন www ক্লাস যুক্ত প্যারাগ্রাফগুলোকে
zzz ক্লাস যুক্ত div দিয়ে র্যাপ করি:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.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>
