জেকুয়েরি replaceWith() মেথড
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
replaceWith() মেথড একটি নতুন কন্টেন্টের সাথে নির্বাচিত এলিমেন্টকে রিপ্লেস করে।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).replaceWith(content,function(index))
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে replaceWith() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
content |
আবশ্যক। যেই কন্টেন্ট অন্তর্ভুক্ত করা হবে সেটির বিষয়বস্তুকে নির্দেশ করে।
সম্ভাব্য ভ্যালুগুলো হলো:
|
function (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>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ