ซีเลกเตอร์ 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'});

ดูเพิ่มเติม