<div id='A'>
<div id='B'><p></p></div>
<div id='C' class='a'><p></p></div>
<div id='D'><p></p></div>
</div>
$('p').parent(),能够得到是B,C,D
$('p').parent('a'),就是找到父元素名称为a
$('p').parent().parent()得到A,就是父元素的父元素在上述代码中根元素
$('p').parents()得到的是A,B,C,D
$('p').parents('.a')得到的是C
<li class="online">
<a >
<i class="fa fa-file-text-o" title="online" rel="tooltip-bottom"></i>'<button type="button" class="btn btn-default btn-xs btn_position btn_slide_down"><i class="fa fa-chevron-down"></i></button>
</a>
<div class="note_menu" tabindex="-1"><dl>
<dt><button type="button" class="btn btn-default btn-xs btn_move" title="移动至...""><i class="fa fa-random"></i></button></dt>
<dt><button type="button" class="btn btn-default btn-xs btn_share" title="分享"><i class="fa fa-sitemap"></i></button></dt>
<dt><button type="button" class="btn btn-default btn-xs btn_delete" title="删除"><i class="fa fa-times"></i></button></dt>
</dl>
</div>
</li>
$('button').parents("li"),获取祖先元素为li元素
本文出自 “7300638” 博客,谢绝转载!