仍然是通过"选择器:过滤器"的方式,只是通过内容来过滤出我们想查找的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
p{
height: 20px;
border: 1px solid blue;
}
</style>
<body>
<table border="1">
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>张飞</td>
<td>男</td>
<td>26</td>
</tr>
<tr>
<td>孙尚香</td>
<td>女</td>
<td>23</td>
</tr>
<tr>
<td>赵云</td>
<td>男</td>
<td>24</td>
</tr>
<tr>
<td>花木兰</td>
<td></td>
<td><span>22</span></td>
</tr>
</table>
<p><br /></p>
<p>a</p>
<p></p>
</body>
<script src="jquery.js"></script>
<script>
// 找td中含有"女"字的
$('td:contains(女)').css('background' , 'green');
// 找td为空的
$('td:empty').css('background' , 'yellow');
// 找不为空的p标签,注意,这不是找p的父节点,表达的意思是: 找p标签,有父节点资格的,即有点内容的.
$('p:parent').css('background' , 'orange');
// 找td下,含有span的
$('td:has(span)').css('background' , 'blue');
</script>
</html>
效果展示