jQuery遍历之向上遍历（parent方法、parents方法、parentsUntil方法）

你需要在body中写下如下代码

div id="div1">div1
   <div id="div2">div2
     <p><a>hello</a></p>
   </div>
</div>

在js文件中写上如下代码

$(document).ready(function(){
    $("a").parent().css({border:"3px solid #FF0000"});
    //parent只能遍历自己的最近的一个父亲
    //$("p").parents().css({border:"3px solid #FF0000"});
    //parents可以遍历自己所有的父亲
    //$("p").parentsUntil("#div1").css({border:"3px solid #FF0000"});
    //parentsUntil是表示在某个区间，这里是p和div1之间
});

parent运行结果

a标签的父亲是p标签，如上面的显示结果

parents运行结果

p标签所有的父亲，因此除hello这个边框之外，所有的都变色了

parentsUntil运行结果

parentsUntil是控制p标签和div1之间，正好只有div2，所以div2变成红色了