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

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


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


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

replaceWith() মেথড একটি নতুন কন্টেন্টের সাথে নির্বাচিত এলিমেন্টকে রিপ্লেস করে।


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

$(selector).replaceWith(content,function(index))

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

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

প্যারামিটার বিবরণ
content আবশ্যক। যেই কন্টেন্ট অন্তর্ভুক্ত করা হবে সেটির বিষয়বস্তুকে নির্দেশ করে।

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

  • এইচটিএমএল এলিমেন্ট
  • জেকুয়েরি অবজেক্ট
  • ডোম এলিমেন্ট
function (index) ঐচ্ছিক। একটি ফাংশন উল্লেখ করে যা কন্টেন্ট রিপ্লেস করতে রিটার্ন করে
  • 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:last").replaceWith("হ্যালো বাংলাদেশ!");
    });
});
</script>
</head>
<body>

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

<button>প্রথম p এলিমেন্টকে নতুন টেক্সট দ্বারা রিপ্লেস করুন</button>

</body>
</html>

ফলাফল




উদাহরণ

ফাংশন ব্যবহার করে কন্টেন্ট রিপ্লেস

একটি ফাংশন ব্যবহার করে নতুন কন্টেন্ট দ্বারা কিভাবে নির্বাচিত এলিমেন্টকে রিপ্লেস করা যায়।

উদাহরণ

<!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").replaceWith(function(n){
            return "<h3>এই এলিমেন্টটির ইনডেক্স হলো " + n + "।</h3>";
        });
    });
});
</script>
</head>
<body>

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

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

<button>প্রতিটি p এলিমেন্টকে রিপ্লেস করুন</button>

</body>
</html>

ফলাফল




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