jquery parent和parents的区别分析

Question

jquery parent和parents的区别分析

Answer 1

从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。

下面列出例子说明：

HTML代码如下:

<table><tr><td><input id="btn1"  class="btn" type="button"  value="test" /></td><td>some text</td></tr></table>

JQ代码如下：

$(document).ready(function() {$("#btn1").click(function(){alert($(this).parent().next().html());});});

其中：this.parent()是input前面的tdthis.parent().parent()获取的是trthis.parent().parent().parent()获取的是tablethis.parents()获取的是td,tr,table