селектор :empty
Описание: Выбирает все элементы, у которых нет дочерних элементов (включая текстовые узлы).
версия добавлена: 1.0jQuery( ":empty" )
Это обратное :parent.
Важно отметить, что для :empty (и :parent) дочерними элементами являются и текстовые узлы.
W3C рекомендует, чтобы элемент <p> имел хотя бы один дочерний узел, даже если это просто текст (см. https://www.w3.org/TR/html401/struct/text.html#edef-P). С другой стороны, некоторые элементы по определению пустые (т.е. не имеют дочерних элементов): <input>, <img>, <br> и <hr>, например.
Пример:
Находит все пустые элементы — у них нет дочерних элементов или текста.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>empty demo</title>
<style>
td {
text-align: center;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<table border="1">
<tr><td>TD #0</td><td></td></tr>
<tr><td>TD #2</td><td></td></tr>
<tr><td></td><td>TD#5</td></tr>
</table>
<script>
$( "td:empty" )
.text( "Was empty!" )
.css( "background", "rgb(255,220,200)" );
</script>
</body>
</html> 
