селектор empty
Описание: Соответствует всем элементам, которые не имеют дочерних объектов (включая текстовые узлы).
jQuery(':empty')
Добавлена в версию: 1.0
Он обратный от :parent.
Одна важная вещь :empty (и :parent) в том, что дочерние элементы включают текстовые узлы.
W3C рекомендует, чтобы элемент <p> включал по крайней мере один дочерний узел, даже если этот ребенок только текст (смотрите http://www.w3.org/TR/html401/struct/text.html#edef-P). Некоторые другие элементы, с другой стороны, пустые (то есть не имеют детей) по определению: <input>, <img>, <br>, и <hr>, например.
Примеры
Поиск всех «пустых» элементов, которые не имеют текста или дочерних элементов.Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("td:empty").text("Was empty!"). css('background', 'rgb(255,220,200)'); }); </script> <style> td { text-align:center; } </style> </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> </body> </html>
Была ли эта информация полезной?
