জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি :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>

ফলাফল





« জেকুয়েরি সিলেক্টরসমূহ