jQuery中寻找父节点的方法

jQuery.closest(),parent(),parents()寻找父结点

<ul id = "one" class="level-1">
  <ui class ="level-2">
    <li class ="item-1">1</li>
    <li class ="item-2">2</li>
    <li class ="item-3">3</li>
    </ul>
  </ul>
</ul>

1.通过item-1查找 level-2(查找直接上级)

$('li.item-1').closest('ul')
$('li.item-1').parent()
$('li.item-1').parents().eq(0)

2.通过item-1查找 level-1(通过选择器查找父元素)

$('li.item-1').closest('.level-1')
//$('li.item-1').parent('.level-1') //找不到，parent()方法只遍历到上一层！
$('li.item-1').parent().parent() //这个有点笨重！
$('li.item-1').parents('.level-1')

…
closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。