জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি wrapAll() মেথড


« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ


সংজ্ঞা এবং ব্যবহার

wrapAll() মেথড সকল নির্বাচিত এলিমেন্টের চারপাশে নির্দিষ্ট এইচটিএমএল এলিমেন্ট Wrap করে।


সিনট্যাক্স ও ব্যাখ্যা

$(selector).wrapAll(wrappingElement)

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে wrapAll() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
wrappingElement আবশ্যক। নির্বাচিত এলিমেন্টের চারপাশে যে এইচটিএমএল এলিমেন্ট Wrap করে, সেটিকে নির্দেশ করে।

সম্ভাব্য ভ্যালুগুলো হলো:

  • এইচটিএমএল এলিমেন্ট
  • জেকুয়েরি অবজেক্ট
  • ডোম এলিমেন্ট

উদাহরণ

ডোম দ্বারা একটি নতুন এলিমেন্ট তৈরি

একটি এলিমেন্ট তৈর এবং নির্বাচিত এলিমেন্টের কন্টেন্টের চারপাশে এটি Wrap করতে কিভাবে document.createElement() ব্যবহার করা যায়।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").wrapAll(document.createElement("div"));
    });
});
</script>
<style>
div{background-color: green;}
</style>
</head>
<body>

<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি আরেকটি প্যারাগ্রাফ।</p>

<button>সকল p এলিমেন্ট wrap করার জন্য একটি নতুন div খুলুন।</button>

</body>
</html>

ফলাফল




« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ