Селектор :empty – выборка пустых элементов
В этом посте рассмотрим селектор :empty, который делает выборку пустых элементов. Для примера давайте создадим таблицу в которой присутствуют пустые ячейки (td):
<table border="1">
<tr><td>Имя</td><td>Телефон</td></tr>
<tr><td>Ваня</td><td>000 00 00</td></tr>
<tr><td>Игорь</td><td></td></tr>
<tr><td>Сергей</td><td></td></tr>
</table>
Как видите – у Игоря и Сергея отсутствуют значения в столбце телефона. Давайте сделаем прочерк для этих ячеек и фон сделаем серым:
$(document).ready(function() {
$("td:empty").text('-').css('background','#ccc');
});
Комментарии:
Нету комментариев для вывода...