JQuery应用实例学习 —— 06 td标签和p标签的内容过滤

最新推荐文章于 2022-09-02 22:30:12 发布

烟敛寒林o

最新推荐文章于 2022-09-02 22:30:12 发布

阅读量532

点赞数

分类专栏： # ——【 JQuery】

本文链接：https://blog.csdn.net/dyw_666666/article/details/82689477

版权

——【 JQuery】专栏收录该内容

29 篇文章 0 订阅

订阅专栏

仍然是通过"选择器:过滤器"的方式，只是通过内容来过滤出我们想查找的。

<!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>

效果展示

烟敛寒林o

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JQuery应用实例学习 —— 06 td标签和p标签的内容过滤

仍然是通过"选择器:过滤器"的方式，只是通过内容来过滤出我们想查找的。 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;
复制链接

扫一扫