jquery中parent()与parents()的比较

1.parent()  取得一个包含着所有匹配元素的唯一父元素的元素集合，仅仅表示一个父级元素，不包括父级的父级

例如：

<ul id="ul">
aaaaaaaa
<li id="li">
bbbbbbbb
<a id="one" href="">链接</a>
</li>
</ul>
<button id="btn">点击</button>
<script>
$('#btn').click(function(){
alert($('#one').parent().parent().text());
})
</script>

一个parent()可以弹出b和链接，两个parent()可以弹出a、b、链接

2.parent() 取得一个包含着所有匹配元素的祖先元素的元素集合

使用同上的例子，一个parents()就可以弹出所有的父元素，当然包括父元素的父级元素，这个的用处一般是可以通过一个选择器进行筛选，从而定位到某一个父级元素

例如：

匹配父元素中class为one的，就可以这样写：parents(".one")