jquery中父元素,和祖先元素

时间:2021-02-17 21:06:33

<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” 博客,谢绝转载!