• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • :empty

    选择所有没有子元素的元素(包括文本节点)。

    jQuery(":empty")

    这个和:parent选择器相反。

    需要注意的一件重要的事情是:empty(和:parent)的子元素包括文本节点。

    W3C的建议<p>元素都至少有一个子节点,即使这个子节点是文字。另一方面,其他一些元素是空的(即没有子节点):例如,<input>,<img>,<br>,和<hr>

    例子

    查找的所有空元素- 他们没有子元素或文本。

    <!DOCTYPE html>
    <html>
    <head>
      <style> 
      td { text-align:center; }
      </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.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>
    
    TD #0
    TD #2
    TD#5

    上篇::contains(text)

    下篇::parent