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

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


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


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

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


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

$(selector).wrapInner(wrappingElement,function(index))

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

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

প্যারামিটার বিবরণ
wrappingElement আবশ্যক। প্রতিটি নির্বাচিত এলিমেন্টের কন্টেন্টের চারপাশে কোন ধরনের এইচটিএমএল এলিমেন্ট Wrap করবে তা উল্লেখ করে।

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

  • এইচটিএমএল এলিমেন্ট
  • জেকুয়েরি অবজেক্ট
  • ডোম এলিমেন্ট
function (index) ঐচ্ছিক। একটি ফাংশন উল্লেখ মকরে যা একটি wrapping এলিমেন্ট রিটার্ন করে।
  • index -সেট এর মধ্যে এলিমেন্টের ইনডেক্স পজিশন রিটার্ন করে।

উদাহরণ

<!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").wrapInner("<b></b>");
    });
});
</script>
</head>
<body>

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

<button>প্রতিটি p এলিমেন্টের কন্টেন্টের কাছাকাছি একটি b  এলিমেন্টে Wrap করুন।</button>

</body>
</html>

ফলাফল




উদাহরণ

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

একটি এলিমেন্ট তৈরিএবং নির্বাচিত এলিমেন্টের কন্টেন্টের চারপাশে এটি 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").wrapInner(document.createElement("b"));
    });
});
</script>
</head>
<body>

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

<button>একটি নতুন b এলিমেন্ট তৈরি করে  প্রতিটি p এলিমেন্টের কন্টেন্টের কাছে wrap করুন।</button>

</body>
</html>

ফলাফল




ফাংশন ব্যবহার করে কন্টেন্ট Wrap

একটি ফাংশন ব্যবহার করে নির্বাচিত এলিমেন্টের কন্টেন্টের চারপাশে এটি Wrap করতে নির্দিষ্ট করে।

উদাহরণ

<!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").wrapInner(function(){
            return "<b></b>"
        });
    });
});
</script>
</head>
<body>

<p>এটি একটি অনুচ্ছেদ</p>
<p>এটি অন্য একটি অনুচ্ছেদ</p>

<button>প্রত্যেক p এলিমেন্টের ভিতরে a b এলিমেন্টকে ঘিরে রাখে।</button>

</body>
</html>

ফলাফল




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