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

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


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


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

insertAfter() মেথড নির্বাচিত এলিমেন্টের পরে এইচটিএমএল এলিমেন্ট অন্তর্ভুক্ত করে।

পরামর্শঃ নির্বাচিত এলিমেন্টের পুর্বে এইচটিএমএল এলিমেন্ট অন্তর্ভুক্ত করতে, insertBefore() মেথড ব্যবহার করুন।


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

$(content).insertAfter(selector)

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

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

প্যারামিটার বিবরণ
content আবশ্যক। যে কন্টেন্ট অন্তর্ভুক্ত করা হবে সেটিকে নির্দেশ করে (অবশ্যই এইচটিএমএল ট্যাগ হতে হবে)।

নোট: যদি কন্টেন্ট একটি বিদ্যমান এলিমেন্ট হয়, এটি এর বর্তমান অবস্থান থেকে সরে যাবে, এবং নির্বাচিত এলিমেন্টের পরে অন্তর্ভুক্ত হবে।
selector আবশ্যক। কোথায় কন্টেন্ট অন্তর্ভুক্ত করতে হবে তা নির্দেশ করে।

উদাহরণ

<!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(){
        $("<span>হ্যালো বাংলাদেশ!</span>").insertAfter("p");
    });
});
</script>
</head>
<body>

<button>প্রত্যেক p এলিমেন্টের পরে span এলিমেন্ট অন্তর্ভূক্ত করুন</button>

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

</body>
</html>

ফলাফল




উদাহরণ

একটি বিদ্যমান এলিমেন্ট অন্তর্ভুক্তকরন

প্রতিটি নির্বাচিত এলিমেন্টের পরে কিভাবে insertAfter() মেথডের মাধ্যমে একটি বিদ্যমান এলিমেন্ট অন্তর্ভুক্ত করা যায়।

উদাহরণ

<!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(){
        $("h3").insertAfter("p");
    });
});
</script>
</head>
<body>

<h3>এটি একটি হেডিং</h3>

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

<button>প্রতিটি p এলিমেন্টের পরে h1 এলিমেন্ট মুভ এবং  ইনসার্ট করুন।</button>

</body>
</html>

ফলাফল




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