[转载]JQuery.closest(),parent(),parents()寻找父节点

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

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

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

$('li.item-1').closest('.level-2') 
//$('li.item-1').parent('.level-2') //找不到，parent()方法只遍历到上一层！ 
$('li.item-1').parent().parent() //这个太二了有木有！ 
$('li.item-1').parents('.level-2') 

parent(selector)中selector的用法

$('li').parent() //返回level-3,level-2和level-1的集合，它们都是li的父元素 
$('li').parent('.level-3') //在上述集合中筛选出 level-3 

3.closest方法从当前元素开始遍历，而parent()从父元素开始！

$('li.item-1').closest('li') //返回 item-1，使用时要注意，如果是一个div嵌套在中一个div中，要考虑选择器的正确使用！

 

4.closet(selector,context)中context参数的用法 从当前元素开始遍历到context元素结束，若不存在context参数遍历到根结点 

var listItemII = document.getElementById('ii'); //Item-II 
//var listItemII=$(‘#ii'),这个不行，困惑好很久！ 
$('li.item-1').closest('ul', listItemII).css('background-color', 'red'); 
//结果必须是 item-1的父级ul元素，itemII的子元素， 
$('li.item-1').closest('#one', listItemII).css('background-color', 'green'); 
//item-1的id=one的元素，且必须是itemII的子元素，未找到