জেকুয়েরি slice() মেথড
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
ইনডেক্সের উপর নির্ভর করে slice() মেথড এলিমেন্টের একটি উপসেটকে সিলেক্ট করে।
একটি বড় সেটের অংশকে উপসেট বলা হয়।
একটি শুরু এবং শেষ বিন্দুর মাধ্যমে এই মেথড এলিমেন্ট নির্বাচনকে সংক্ষিপ্ত করে: start প্যারামিটারটি হলো শুরুর ইনডেক্স(০ থেকে শুরু হয়) যেখান থেকে উপসেটটি তৈরি হবে, এবং stop প্যারামিটারটি হলো শেষের বিন্দু এবং ইহা ঐচ্ছিক।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).slice(start,stop)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে slice() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| start | আবশ্যক। এলিমেন্ট নির্বাচন কোথা থেকে শুরু হবে তা নির্দেশ করে। ইনডেক্স ০ থেকে শুরু হয়। নোটঃ নেগেটিভ মান ব্যবহার করলে শেষের দিক থেকে নির্বাচন শুরু করবে। |
| stop | ঐচ্ছিক। এলিমেন্ট নির্বাচন কোথায় শেষ করতে হবে তা নির্দেশ করে। যদি না দেওয়া থাকে তবে সেটের শেষ পর্যন্ত সিলেক্ট করতে থাকবে। ইনডেক্স ০ থেকে শুরু হয়। নোটঃ নেগেটিভ মান ব্যবহার করলে শেষের দিক থেকে নির্বাচন শুরু করবে। |
slice() মেথড সংক্রান্ত উদাহরণ
নিচের উদাহরনে কিছু সংখ্যক <p> এলিমেন্ট থেকে ২য় ইনডেক্স নাম্বারযুক্ত <p> এলিমেন্ট থেকে সিলেক্ট করা শুরু করে
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").slice(2).css("background-color", "yellow");
});
</script>
</head>
<body>
<h1>আমার ওয়েবপেজে আপনাকে স্বাগতম</h1>
<p>আমার নাম হাসান (index 0)।</p>
<p>হাসান আহমেদ (index 1)।</p>
<p>আমি ফরিদগঞ্জ বাস করি (index 2)।</p>
<p>আমি ক্রিকেট খেলতে অনেক পছন্দ করি (index 3)।</p>
<div>এই উদাহরনে আমরা ইনডেক্স পজিশন ২ যুক্ত p এলিমেন্ট থেকে সিলেকশন শুরু করেছি।
এই পয়েন্ট থেকে সকল p এলিমেন্ট সিলেক্ট হবে। মনে রাখবেন ইনডেক্স নাম্বার শুরু হয় শুন্য(০) থেকে।</div>
</body>
</html>
ফলাফল
শুরু এবং শেষ
কিভাবে দুইটি প্যারামিটার ব্যবহার করে <p> এলিমেন্টকে সিলেক্ট করা যায় তা নিচের উদাহরনে দেখান হলোঃ
উদাহরণঃ১
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").slice(1,3).css("background-color", "aqua");
});
</script>
</head>
<body>
<h1>আমার হোমপেজে আপনাকে স্বাগতম</h1>
<p>আমার নাম ফয়সাল (index 0)।</p>
<p>ফয়সাল খান (index 1)।</p>
<p>আমি চাঁদপুরে বাস করি (index 2)।</p>
<p>আমার প্রিয় খেলা ক্রিকেট (index 3)।</p>
<div>এই উদাহরনে আমরা, ইনডেক্স পজিশন ১ থেকে শুরু করে পজিশন ৩ এর আগ পর্যন্ত নিয়েছি। এটি ১ এবং ২ ইনডেক্স যুক্ত p এলিমেন্টকে সিলেক্ট করবে। মনে রাখবেন ইনডেক্স নাম্বার শুরু হয় ০ থেকে।</div>
</body>
</html>
ফলাফল
নেগেটিভ মানের ব্যবহার
নেগেটিভ মান ব্যবহার করে কিভাবে <p> এলিমেন্টকে শেষের দিক থেকে সিলেক্ট করা যায় তা নিচের উদাহরনে দেখানো হলোঃ
উদাহরণঃ২
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").slice(-3).css("background-color", "aqua");
});
</script>
</head>
<body>
<h1>আমার হোমপেজে আপনাকে স্বাগতম</h1>
<p>আমার নাম জিহাদ (index 0)।</p>
<p>মনির হোসেন (index 1)।</p>
<p>আমি চাঁদপুরে বাস করি (index 2)।</p>
<p>আমার ভাল বন্ধু হচ্ছে বক্কু (index 3)।</p>
<p>এবং আমি তার দুষ্টামিকে অনেক পছন্দ করি (index 4)।</p>
<div>আমরা একটি ঋণাত্মক সংখ্যা (-3) ব্যবহার করেছি, যা শেষ তিনটি p এলিমেন্টকে সিলেক্ট করে। এর ইনডেক্সিং অবস্থান 2 ।</div>
</body>
</html>
ফলাফল
উভয় প্যারামিটারে নেগেটিভ মান ব্যবহার
উভয় প্যারামিটারে নেগেটিভ মান ব্যবহার করে <p> এলিমেন্টকে শেষের দিক থেকে সিলেক্ট করি।
উদাহরণ৩ঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").slice(-3, -1).css("background-color", "aqua");
});
</script>
</head>
<body>
<h1>আমার হোমপেইজে স্বাগতম</h1>
<p>আমার নাম ইমরান (ইনডেক্স ০)</p>
<p>ইমরান আহমদ (ইনডেক্স ১)</p>
<p>আমি চাঁদপুরে থাকি (ইনডেক্স ২)</p>
<p>আমার ঘনিষ্ঠ বন্ধুর নাম মুন্না (ইনডেক্স ৩)</p>
<p>আমার আরেকটি বন্ধুর নাম ফজলে রাব্বী (ইনডেক্স ৪)</p>
<div>উদাহরণে, আমরা ইনডেক্স ২ এবং ৩ নম্বর এর সাথে p এলিমেন্ট সিলেক্ট করেছি, যেহেতু তাদের সীমা শেষ থেকে তিনের মধ্যে (-৩) এবং শেষ থেকে একের মধ্যে (-১)।</div>
</body>
</html>
ফলাফল
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ