jq获取同级或者下级的dom节点的操作

11 篇文章 0 订阅
9 篇文章 0 订阅

1.使用find找到对应的class或者其他

var class_dom1 = obj.find('.class名称');

或者

find('span .class名称')

2.使用添加背景颜色来确定当前的查找位置

class_dom1.css('background','red');

3.通过parent来找到它的上级的dom节点

在这里插入图片描述

var parent_li_dom1 = class_dom1.parent('li.parent_li');

4.获取下面的多个li节点

在这里插入图片描述

var ul_li_doms = parent_li_dom1.find(' > ul > li');

5.获取点击的同级别的全部节点,使用siblings

在这里插入图片描述

var siblings_obj = $(this).parent('li.parent_li').siblings('li.parent_li');

6.总结

1.父级:

jQuery.parent(expr) 找父亲节点,比如 ( " s p a n " ) . p a r e n t ( ) 或者 ("span").parent()或者 ("span").parent()或者(“span”).parent(“.class”)

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

2.子级:

jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children() 则只会返回节点

3.同级:

jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll(),返回所有之前的兄弟节点

jQuery.next(), 返回下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll(),返回所有之后的兄弟节点

jQuery.siblings(), 返回兄弟姐妹节点,不分前后

4.全部

jQuery.find(expr), 跟jQuery.filter(expr)完全不一样。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值