jQuery-তে unwrap মেথড ব্যবহার করে এলিমেন্টের প্যারেন্ট মুছুন

উল্টোভাবে, একটি এলিমেন্টকে র‍্যাপ করার বদলে, unwrap মেথড ব্যবহার করে এটিকে আনর‍্যাপ করা যায় (অর্থাৎ এর প্যারেন্ট সরিয়ে ফেলা)।

নিচের উদাহরণে আমাদের কাছে এমন প্যারাগ্রাফ রয়েছে যেগুলো div ট্যাগের ভিতরে রয়েছে:

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

আসুন www ক্লাসযুক্ত প্যারাগ্রাফগুলোর জন্য unwrap অপারেশনটি সম্পাদন করি:

$('.www').unwrap();

HTML কোডটি এভাবে দেখাবে:

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

এছাড়াও, মেথডে একটি স্ট্রিং হিসেবে সিলেক্টর পাঠানো যেতে পারে, সেক্ষেত্রে এটি কাজ করবে যদি এলিমেন্টের প্যারেন্ট প্রদত্ত সিলেক্টরের সাথে মেলে:

$('i').unwrap('p');

div দ্বারা মোড়ানো p প্যারাগ্রাফগুলো খুঁজে বের করুন এবং সেই div গুলো মুছে ফেলুন।

p প্যারাগ্রাফ দ্বারা মোড়ানো সমস্ত span ট্যাগ খুঁজে বের করুন এবং span ট্যাগগুলোকে স্পর্শ না করে সেই p প্যারাগ্রাফগুলো মুছে ফেলুন।