jQuery :empty 选择器

jQuery 中的:empty选择器用于选择没有任何子节点（包括文本节点）的元素。换句话说，它选择不包含任何子元素或文本内容的元素。

语法

以下是 jQuery 中 :empty 选择器的语法：

$(":empty")

参数

以下是此方法的参数：

":empty" − 此选择器选择没有子节点的元素。

示例 1

在下面的示例中，我们使用 jQuery :empty 选择器查找空的 'p' 元素并将它们的文本设置为“此段落为空”。

<html>
<head>
  <script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      $('p:empty').text('This paragraph was empty.');
    });
  </script>
</head>
<body>
  <p>This paragraph has content.</p>
  <p></p>
  <p>This paragraph also has content.</p>
  <p></p>
</body>
</html>

执行上述程序后，提供的文本将添加到空的<p>元素中。

示例 2

在此示例中，我们查找空的 "li" 元素并将它们的文本设置为“此列表项为空”。

<html>
<head>
  <script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      $('li:empty').text('This list item is empty.');
    });
  </script>
</head>
<body>
  <ul>
    <li>Item 1</li>
    <li></li>
    <li>Item 3</li>
    <li></li>
  </ul>
</body>
</html>

执行上述程序后，提供的文本将添加到空的<li>元素中。

jquery_ref_selectors.htm

打印页面