Jquery的parent和parents

（一）场景

         经常用到这两个方法，可是具体细节没弄清楚，因此就写个demo试试看

（二）demo

<div id="1" value='1'><span id="heh">
1
    <div id="11">
    1.1
        <div id="111">
        1.1.1
            <div  id="1111" >
            1.1.1.1
            </div>
        </div>
    </div></span>
</div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
<div id="7"></div>

一、console.log($("#1111").parents());

二、console.log($("#1111").parents("div"));

三、console.log($("#1111").parent());

四、console.log($("#1111").parent("div"));

 

（三）总结

parents（）就是当前元素的全部父级

parent（）是当前元素的父级

括号里面的元素名称能够过滤