[转载]JQuery.closest(),parent(),parents()寻找父节点
2014-02-10 11:34
253 查看
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的子元素,未找到
相关文章推荐
- JQuery.closest(),parent(),parents()寻找父结点
- JQuery.closest(),parent(),parents()寻找父结点
- jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
- jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
- jQuery筛选器找父亲parent,closest,parents,parentUntil
- jquery parent() parents() closest()区别
- jQuery向上遍历DOM树之parents()、parent()及closest()的区别
- jQuery查找——parent/parents/parentsUntil/closest
- jQuery方法parent() parents() closest()区别
- jquery parent() parents() closest()区别
- jquery parent() parents() closest()区别
- jquery .parents(), .parent() 和 closest()方法
- jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
- jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
- jQuery筛选器找父亲parent,closest,parents,parentUntil
- jQuery筛选器找父亲parent,closest,parents,parentUntil
- jQuery 之 parent、parents 和 closest 方法
- Jquery学习笔记:利用parent和parents方法获取父节点
- jquery-parent(),parents()与closest()的区别
- jQuery向上遍历DOM树之parents()、parent()及closest()的区别[转]