jQuery基础----18jQuery遍历之向上遍历

最新推荐文章于 2019-07-04 17:37:45 发布

zhaihaohao1

最新推荐文章于 2019-07-04 17:37:45 发布

阅读量383

点赞数

分类专栏： jQuery基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47702477

版权

jQuery基础专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--jQuery遍历之向上遍历-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-2.1.4.min.js"></script>
    <script src="js18.js"></script>
    <style>
        #div01{
            width: 500px;
            height: 500px;
            border: 3px solid #000000;

        }
        #div02{
            width: 400px;
            height: 400px;
            margin-top: 10px;
            margin-left: 10px;
            border: 3px solid #000000;

        }
        p{
            margin-left: 10px;
            margin-top: 10px;
            width: 200px;
            height: 200px;
            border: 3px solid #000000;
        }
    </style>
</head>
<body>
<div id="div01">div1
    <div id="div02">div2
        <p>p
            <a>
                我要向下遍历
            </a>
        </p>
    </div>
</div>

</body>
</html>
js:
/**
 * Created by hao on 2015/8/16.
 */
//.parent()
//.parents()
//.parentsUntil()
$(document).ready(function(){
    //parent指定一级
    //$("p").parent().css({border:"3px solid #FF0000"});
    //parents指定多级
    //$("p").parents().css({border:"3px solid #FF0000"});
    //parentsUntil指定区间
    $("a").parentsUntil("#div01").css({border:"3px solid #FF0000"});
})