জেকুয়েরি 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>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ