zepto查找父级元素和邻近元素的问题

工作中经常会遇到操作元素的父级和子集元素，记录一些以备不时之需。

1.操作祖先元素

　　parent(expr)　　  直接父级

　　parents(expr)　　返回从父级开始查，一直往上查，查到根元素，所有祖先元素数组，可以添加expr表达式筛选符合要求的元素。

　　closest(expr)　　 返回根据expr表达式，从自身开始查找，直到遇到符合要求的元素 　　

　　

<div id='box1'>
        <div id="box2">
            <div id="box3">
                
            </div>
        </div>
</div>

<script>
    $(function(){
        var box3=$('#box3');
        box3.parent();                    // 返回父级div#box2
        box3.parents('#box1')            //返回父级div#box1
        box3.parents();                 //返回box2 box1 body
        box3.closest('#box2')           //返回box2
        box3.closest('div')            //返回box2
    })
</script>

2.子集和兄弟元素 

children()则只会返回节点

prev()，返回上一个兄弟节点，不是所有的兄弟节点

prevAll()，返回所有之前的兄弟节点

next(),返回下一个兄弟节点，不是所有的兄弟节点

nextAll()，返回所有之后的兄弟节点

siblings(),返回兄弟姐妹节点，不分前后