ซีเลกเตอร์ empty
ซีเลกเตอร์ :empty เลือกองค์ประกอบ
ที่ไม่มีลูกหลาน (คือองค์ประกอบที่ว่างเปล่า
ซึ่งไม่มีทั้งองค์ประกอบและข้อความภายใน)
ไวยากรณ์
การรับองค์ประกอบที่ว่างเปล่า:
$(':empty');
ตัวอย่าง
เรามีตาราง
table
ที่มีพื้นหลังสีเขียว ลองหาเซลล์ td
ที่ไม่มีข้อความหรือองค์ประกอบใดๆ อยู่ภายใน
และเปลี่ยนสีพื้นหลังของมันเป็นสีเทา:
<table>
<tr><td>aaa</td><td></td></tr>
<tr><td>bbb</td><td></td></tr>
<tr><td>ccc</td><td></td></tr>
</table>
table {
border: 1px;
}
td {
width: 40px;
background: green;
}
$('td:empty').css({background: '#ccc'});
