জেকুয়েরি :empty সিলেক্টর
সংজ্ঞা এবং ব্যবহার
:empty সিলেক্টরের মাধ্যমে খালি এলিমেন্টকে সিলেক্ট করা হয়। অর্থাৎ যেসকল এলিমেন্ট কোন কন্টেন্ট থাকে না সেগুলো সিলেক্ট করা যায়।
খালি এলিমেন্ট বলতে ঐ এলিমেন্টকে বুঝায় যেই এলিমেন্টের কোন কন্টেন্ট নেই এবং কোন চাইল্ড এলিমেন্টও নেই।
সিনট্যাক্স
$(":empty")
:empty সিলেক্টর সংক্রান্ত উদাহরণ
সকল খালি এলিমেন্টকে সিলেক্ট
নিচের উদাহরণে :empty সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি :empty সিলেক্টর</title>
<style>
th, td {
padding: 12px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(":empty").css("background-color", "green");
});
</script>
</head>
<body>
<table border="1" style="width:100%">
<tr>
<th>খেলোয়াড়ের নাম</th>
<th>দলীয় অবস্থান</th>
<th></th>
</tr>
<tr>
<td>মাশরাফি বিন মূর্তজা</td>
<td></td>
<td>বাংলাদেশ</td>
</tr>
<tr>
<td>মাহিদ্রো সিং ধোনী</td>
<td>ক্যাপ্টেন এবং ব্যাটসম্যান</td>
<td></td>
</tr>
<tr>
<td>সাব্বির রহমান</td>
<td></td>
<td>বাংলাদেশ</td>
</tr>
<tr>
<td>ডু প্লেসিস</td>
<td>ক্যাপ্টেন এবং ব্যাটসম্যান</td>
<td></td>
</tr>
</table>
</body>
</html>
ফলাফল