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

来源：互联网发布：面膜推荐知乎编辑：程序博客网时间：2024/06/04 20:31

<!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"});})

0 0