:empty1.0
Соответствует элементам, которые не содержат текста и других элементов. Наличие одного только пробела уже считается текстом (в разделе рецепты есть вариант решения этой проблемы).
Примеры использования:
$('div:empty')
| вернет все пустые div-элементы.
|
Селектор :empty является инверсией :parent.
В действии
Найдем все пустующие депозитные ячейки (пустые ячейки в таблице):
~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
~lt~style~gt~
td { text-align:center; }
~lt~/style~gt~
~lt~script src="https://code.jquery.com/jquery-latest.min.js"~gt~~lt~/script~gt~
~lt~/head~gt~
~lt~body~gt~
Наш банк - залог Вашей уверенности:
~lt~table border="1" cellspacing="0" cellpadding="3"~gt~
~lt~tr~gt~
~lt~td~gt~ Золото ~lt~/td~gt~
~lt~td~gt~~lt~/td~gt~
~lt~/tr~gt~
~lt~tr~gt~
~lt~td~gt~ Бриллианты ~lt~/td~gt~
~lt~td~gt~~lt~/td~gt~
~lt~/tr~gt~
~lt~tr~gt~
~lt~td~gt~~lt~/td~gt~
~lt~td~gt~ Компромат ~lt~/td~gt~
~lt~/tr~gt~
~lt~/table~gt~
~lt~script~gt~
$('td:empty')
.text('Пусто')
.css('background', 'rgb(255,220,200)');
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~
Ссылки