মেথড wrap

মেথড wrap এলিমেন্টগুলোকে একটি নির্দিষ্ট ট্যাগে র‍্যাপ করে।

সিনট্যাক্স

মেথডের প্যারামিটার হিসেবে টেক্সট (সম্ভবত ট্যাগ সহ), DOM এলিমেন্ট বা jQuery অবজেক্ট কাজ করতে পারে:

javascript.wrap(কী দিয়ে র‍্যাপ করবে);

এইভাবে নির্বাচিত এলিমেন্টগুলো সেই কনটেন্ট দিয়ে র‍্যাপ করা হয়, যা ইউজার-ডিফাইন্ড ফাংশন দ্বারা রিটার্ন করা হবে। ফাংশনটি আলাদাভাবে কল করা হয়, প্রতিটি নির্বাচিত এলিমেন্টের জন্য, প্যারামিটার হিসেবে সেটে এলিমেন্টের পজিশন নেয়:

javascript.wrap(function(সেটে নম্বর));

উদাহরণ

চলুন www ক্লাস যুক্ত সব প্যারাগ্রাফকে div ট্যাগ দিয়ে র‍্যাপ করি:

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

javascript$('.www').wrap(document.createElement('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>

উদাহরণ

প্যারামিটার হিসেবে শুধু ট্যাগের নামই নয়, নিচের কনস্ট্রাকশনটাও পাস করা যায়:

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

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>

উদাহরণ

ওপেনিং ট্যাগে যেকোনো অ্যাট্রিবিউট লেখা যায়, এক্ষেত্রে র‍্যাপিং সেই অ্যাট্রিবিউটগুলো সহ হবে। চলুন www ক্লাস যুক্ত প্যারাগ্রাফগুলোকে zzz ক্লাস যুক্ত div দিয়ে র‍্যাপ করি:

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

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>

আরও দেখুন