从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。
<table>
<tr>
<td>
<input id="btn1" class="btn" type="button" value="test" />
</td>
<td>some text</td>
</tr>
</table>
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());
});
});
其中:this.parent()是input前面的td;
this.parent().parent()获取的是tr;
this.parent().parent().parent()获取的是table;
this.parents()获取的是td,tr,table;
也就是说this.parents()获取到的是input框前面的所有的父级元素;
浙公网安备 33010602011771号