জেকুয়েরি :gt() সিলেক্টর
সংজ্ঞা এবং ব্যবহার
:gt() সিলেক্টর কোন একটি নির্দিষ্ট ইনডেক্স নাম্বারের পরের এলিমেন্টগুলোকে সিলেক্ট করার জন্য ব্যবহার করা হয়।
ইনডেক্স নাম্বার শুরু হয় 0(শুন্য) থেকে।
একটি গ্রুপের শেষ এলিমেন্টগুলোকে সিলেক্ট করার জন্য প্রায়ই এটি অন্য সিলেক্টরের সাথে ব্যবহার করা হয় (নিচের উদাহরণ লক্ষ্য করুন)।
সিনট্যাক্স
$(":gt(index)")
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে :gt() সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| index | আবশ্যক। যেই এলিমেন্টকে সিলেক্ট করা হবে সেটিকে নির্দেশ করে। নির্দিষ্ট ইনডেক্স নাম্বারের উপরের ইনডেক্সযুক্ত এলিমেন্ট নির্বাচিত হবে। |
:gt() সিলেক্টর সংক্রান্ত উদাহরণ
প্রথম তিনটি <li> এলিমেন্টের পরের সকল <li> এলিমেন্ট সিলেক্ট
নিচের উদাহরণে :gt() সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি :gt() সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("li:gt(2)").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>
ফলাফল