সিলেক্টর empty

সিলেক্টর :empty এমন এলিমেন্ট নির্বাচন করে, যাদের কোনো সন্তান নেই (অর্থাৎ খালি এলিমেন্ট, যার ভিতরে কোনো এলিমেন্ট বা টেক্সট নেই)।

সিনট্যাক্স

খালি এলিমেন্ট পাওয়া:

javascript$(':empty');

উদাহরণ

আমাদের একটি টেবিল আছে table সবুজ ব্যাকগ্রাউন্ড সহ, আসুন সেই সেলগুলি td খুঁজে বের করি, যাদের ভিতরে কোনো টেক্সট নেই, কোনো এলিমেন্ট নেই, এবং তাদের ধূসর রঙে রাঙানো যাক:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>
csstable {
  border: 1px;
}
  
td {
  width: 40px;
  background: green;
} 
javascript$('td:empty').css({background: '#ccc'});

আরও দেখুন

  • সিলেক্টর parent,
    যা প্যারেন্ট এলিমেন্ট নির্বাচন করে
  • মেথড css,
    যা এলিমেন্টের CSS স্টাইল পাওয়া এবং পরিবর্তন করতে দেয়