jQuery :parent Selector

实例

选择包含子元素的所有 <td> 元素，包括文本:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("td:parent").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>
<p>尝试在 td 元素中写一些空的东西。它现在将被选中。</p>
</body>
</html>

运行一下

定义与用法

:parent 选择器选择作为另一个元素的父元素的所有元素，包括文本节点。

语法

$(":parent")

jQuery :parent Selector

实例

定义与用法

语法

分类导航