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

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


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


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

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


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

$(content).replaceAll(selector)

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

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

প্যারামিটার বিবরণ
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(){
        $("<h2>Satt Aacademy</h2>").replaceAll("p");
    });
});
</script>
</head>
<body>

<button>h2 এলিমেন্ট দিয়ে সকল p এলিমেন্ট গুলোকে পরিবর্তন করুন।</button><br>

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

</body>
</html>

ফলাফল




উদাহরণ

প্রতিটি <p> এলিমেন্ট রিপ্লেস, যেটি শেষ চাইল্ড

কিভাবে প্রতিটি <p> এলিমেন্টকে একটি <span> এলিমেন্টের মাধ্যমে রিপ্লেস করা যায়, যেই <p> এলিমেন্টটি তার প্যারেন্টের শেষ চাইল্ড।

উদাহরণ

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

<button>যে সকল p প্যারেন্ট এলিমেন্টের শেষ চাইল্ড, সেগুলোকে একটি বোল্ড span এলিমেন্টে দ্বারা রিপ্লেস করুন</button><br><br>

<div style="border:1px solid">
  <p>div এলিমেন্টের প্রথম প্যারাগ্রাফ।</p>
  <p>div এলিমেন্টের শেষ প্যারাগ্রাফ।</p>
</div><br>

<div style="border:1px solid">
  <p>অন্য একটি div এলিমেন্টের প্রথম প্যারাগ্রাফ।</p>
  <p>অন্য একটি div এলিমেন্টের শেষ প্যারাগ্রাফ।</p>

</body>
</html>

ফলাফল




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