jQuery-学习二-遍历

最新推荐文章于 2024-04-23 15:19:32 发布

Mr丶M

最新推荐文章于 2024-04-23 15:19:32 发布

阅读量115

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_34390576/article/details/78255925

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jQuery的遍历的有向上遍历，同级遍历和向下遍历

方法：
1. parent() //向上遍历一层
2. parentsl(t) //不带参数时向上遍历全部，带参数时只遍历参数该层（参数可以为ID）
3. parentUtill(t) 不带参数时向上遍历全部，带参数时与所指定的元素形成区间，遍历区间里面的所有的子元素。

下面用代码说明一下：

布局：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQCSS</title>
    <script src="jquery-3.2.1.min.js"></script>
    <script src="test.js"></script>
    <link type="text/css" rel="stylesheet" href="test.css">
<body>
<div id="div1">
    div1
    <div id="div2">
        div2
        <p>
            <a>hello</a>
        </p>
    </div>
</div>
</body>
</html>

parent()

$(document).ready(function () {
    $("a").parent().css({               //只能向上遍历一层
        border: "3px solid #000000"
    });
 });

parents()

$(document).ready(function () {
    $("a").parents("#div1").css({           //不带参数时向上遍历全部，带参数只能遍历参数那层
        border: "3px solid #000000"
    });
 });

parentUtill()

$(document).ready(function () {
     $("a").parentsUntil("#div2").css({ //不带参数时向上遍历全部，带参数时与所指定的元素形成区
        border: "3px solid #000000"      //间，遍历区间里面的所有的子元素
    });
 });

Mr丶M

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery-学习二-遍历

jQuery的遍历的有向上遍历，同级遍历和向下遍历下面说一下向上遍历方法： 1. parent() //向上遍历一层 2. parentsl(t) //不带参数时向上遍历全部，带参数时只遍历参数该层（参数可以为ID） 3. parentUtill(t) ////不带参数时向上遍历全部，带参数时与所指定的元素形成区间，遍历区间里面的所有的子元素。下面用代码说
复制链接

扫一扫