Empty (:empty)
In this chapter you will learn:
Description and Syntax
$(':empty')
selects all elements that have no children (including text nodes). The child elements include text nodes.
Examples
| Selector | Selects |
|---|---|
$(':empty') | all elements in the document that have no children |
$('p:empty') | all <p> elements that have no children |
The following code selects the empty table cells.
<html><!-- j a v a2s.co m-->
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("td:empty").text("Was empty").css('background', 'rgb(255,220,200)');
});
</script>
</head>
<body>
<table>
<tr><td>data</td><td></td></tr>
<tr><td>data</td><td></td></tr>
<tr><td>data</td><td></td></tr>
</table>
</body>
</html>
Next chapter...
What you will learn in the next chapter: