jQuery :empty 选择器

实例

选择所有空元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(":empty").css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>欢迎来到我的主页</h2>
<table border="1">
  <tr>
    <th>公司</th>
    <th></th>
    <th>国家</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td></td>
  </tr>
  <tr>
    <td>Berglunds snabbkp</td>
    <td></td>
    <td>Sweden</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td></td>
    <td>Austria</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Kniglich Essen</td>
    <td>Philip Cramer</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
  <tr>
    <td>North/South</td>
    <td>Simon Crowther</td>
    <td>UK</td>
  </tr>
</table>
</body>
</html>

运行一下

定义与用法

:empty 选择器选择空元素。

空元素是没有子元素或文本的元素。

语法

$(":empty")

jQuery :empty 选择器

实例

定义与用法

语法

分类导航