জেকুয়েরি :lt() সিলেক্টর
সংজ্ঞা এবং ব্যবহার
:lt() সিলেক্টর কোন একটি নির্দিষ্ট ইনডেক্স নাম্বারের আগের ইনডেক্স নাম্বারযুক্ত এলিমেন্টগুলোকে সিলেক্ট করার জন্য ব্যবহার করা হয়।
ইনডেক্স নাম্বার শুরু হয় 0(শুন্য) থেকে।
একটি গ্রুপের প্রথম এলিমেন্টগুলো সিলেক্ট করার জন্য প্রায়ই এটি অন্য সিলেক্টরের সাথে ব্যবহার করা হয়। (নিচের উদাহরণ লক্ষ্য করুন)
সিনট্যাক্স
$(":lt(index)")
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে :lt() সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| index | আবশ্যক। যেই এলিমেন্টের পূর্বের এলিমেন্টগুলো সিলেক্ট করবে সেটিকে নির্দেশ করে। নির্দিষ্ট ইনডেক্স নাম্বারের নিচের ইনডেক্সযুক্ত এলিমেন্ট নির্বাচিত হবে। |
:lt() সিলেক্টর সংক্রান্ত উদাহরণ
প্রথম তিনটি <li> এলিমেন্ট সিলেক্ট
নিচের উদাহরণে :lt() সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি :lt() সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("li:lt(3)").css({
"background-color": "green",
"color": "white",
});
});
</script>
</head>
<body>
<h3>আমাদের ওয়েবসাইটের টপিক্সসমূহঃ</h3>
<ul>
<li>এইচটিএমল</li>
<li>সিএসএস</li>
<li>জাভাস্ক্রিপ্ট</li>
<li>পিএইচপি</li>
<li>এসকিউএল</li>
<li>বুটস্ট্রাপ</li>
<li>জেকুয়েরি</li>
<li>এঙ্গুলার জেএস</li>
<li>ওয়ার্ডপ্রেস</li>
</ul>
</body>
</html>
ফলাফল