জেকুয়েরি text() মেথড
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
text() মেথড নির্বাচিত এলিমেন্টের টেক্সট কন্টেন্ট সেট করে অথবা রিটার্ন করে।
যখন এই মেথডটি কন্টেন্ট রিটার্ন করার জন্য ব্যবহার করা হয়, এটি সকল মিলকৃত এলিমেন্টের টেক্সট কন্টেন্ট রিটার্ন করে (এইচটিএমএল মার্ক-আপ রিমুভ হয়ে যাবে)।
যখন এই মেথডটি কন্টেন্ট সেট করার জন্য ব্যবহার করা হয়, এটা সকল মিলকৃত এলিমেন্টের কন্টেন্ট ওভাররাইট করে।
পরামর্শঃ নির্বাচিত এলিমেন্টের innerHTML সেট করতে বা রিটার্ন করতে (টেক্সট
+ এইচটিএমএল মার্ক-আপ) html() মেথড ব্যবহার করুন।
সিনট্যাক্স ও ব্যাখ্যা
টেক্সট কন্টেন্ট রিটার্ন:
$(selector).text()
টেক্সট কন্টেন্ট সেট:
$(selector).text(content)
ফাংশন ব্যবহার করে টেক্সট কন্টেন্ট সেট:
$(selector).text(function(index,currentcontent))
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে text() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
content |
আবশ্যক। নির্বাচিত এলিমেন্টের জন্য নতুন টেক্সট কন্টেন্ট উল্লেখ করে। নোট: বিশেষ অক্ষর এনকোড করা হবে |
function(index,currentcontent) |
ঐচ্ছিক। একটি ফাংশন উল্লেখ করে যা নির্বাচিত এলিমেন্টের জন্য নতুন টেক্সট কন্টেন্ট নির্দিষ্ট করে।
|
উদাহরণ
<!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").text("Satt Academy");
});
});
</script>
</head>
<body>
<button>সকল p এলিমেন্টের জন্য টেক্সট যুক্ত করুন।</button>
<p>এটি একটি অনুচ্ছেদ</p>
<p>এটি আরেকটি অনুচ্ছেদ</p>
</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(){
alert($("p").text());
});
});
</script>
</head>
<body>
<button>সকল p এলিমেন্টের টেক্সট কন্টেন্ট রিটার্ন</button>
<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি <b>অন্য</b> একটি প্যারাগ্রাফ।</p>
</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").text(function(n){
return "এই p এলিমেন্টের ইন্ডেক্স হলোঃ " + n;
});
});
});
</script>
</head>
<body>
<button>p এলিমেন্টের কন্টেন্ট সেট করুন</button>
<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি আরেকটি প্যারাগ্রাফ।</p>
</body>
</html>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ