parent:被选元素的直接父元素(只会对上一级DOM元素遍历)
$(document).ready(function(){$("span").parent().css({"color":"red","border":"2px solid red"});
});parents:被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)
$(document).ready(function(){$("span").parents()
})parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
$(document).ready(function(){$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});children():被选元素的所有直接子元素,只会下一级DOM树进行遍历。
$("document").ready(function(){$("div").children()
})
并且可以选定参数对子元素进行过滤
$(document).ready(function(){$("div").children("p.1");   //p标签下面的class="1"
});find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
$("document").ready(function(){$("div").find("span")   //$("div").find(" * ")  表示返回 <div> 的所有后代:
})

jquery遍历(父元素、祖先、后代)相关推荐

  1. jQuery——遍历DOM元素的后代元素

    任务描述 本关任务:用 jQuery 向下遍历 DOM 节点.效果如下: 相关知识 为了完成本关任务,你需要掌握:1.children(),2. find(). 向下遍历DOM节点 基本的html结构 ...

  2. jquery 遍历父元素、子元素、兄弟元素

    寻找父元素 1. parent()方法,只返回被选元素的直接父元素,只遍历到上一级的父元素,返回的是一个元素. 2. parents()方法,返回被选元素的所有父元素,一直向上遍历,直到文档的根元素为 ...

  3. jquery获取父元素及祖先元素

    标题jquery获取父元素及祖先元素 parent()方法和parents()方法都是获取父代元素,使用区别如下: parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 . ...

  4. jQuery获取父元素及父节点的方法小结

    这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下 本文实例总结了jQuery获取父元素及父节点的方法.分 ...

  5. jquery 滚动到某个div_如何使用jQuery获取父元素

    jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例. web前端学习:打造 ...

  6. jquery获得当前元素父级元素_如何使用jQuery获取父元素

    jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例.web前端学习:打造全 ...

  7. jQuery——遍历DOM元素的兄弟元素

    任务描述 本关任务:用 jQuery 遍历 DOM 元素的兄弟元素.效果如下: 相关知识 为了完成本关任务,你需要掌握:1.siblings(),2. next() , nextAll() 3. pr ...

  8. Jquery找父元素,祖先,子元素,子孙,兄弟节点

    jQuery.parent(expr)           //找父元素 jQuery.parents(expr)          //找到所有祖先元素,不限于父元素 jQuery.children ...

  9. jQuery查找子元素与后代元素

    子元素: children()方法:返回返回被选元素的所有直接子元素. $().children('选择器') 如选择type为file的子元素 $(this).children("inpu ...

  10. jQuery 查找父元素

    function deletesec1Div5(obj){ $(obj).closest(".sec1-div5").remove();} 自己写的一段代码,实现了table中的全 ...

最新文章

  1. QIIME 2教程. 28社区Community(2020.11)
  2. module ‘torchtext.data‘ has no attribute ‘LabelField‘
  3. C#菜鸟正则表达式一
  4. 18行代码AC——PTA 二叉树的遍历 (10分)——解题报告
  5. C#整理1——进制转换
  6. Java的三种工厂模式
  7. 研究CV、研究美,MMFashion开源库升级~
  8. 1000道Python题库系列分享25(40道Pandas客观题)
  9. TestComplete自动化测试视频教程
  10. svn 同步 linux,linux SVN 中 配置钩子 实现 线上项目同步
  11. 极客大学架构师训练营 大数据 三驾马车 GFS、MapReduce、BigTable,Hadoop HDFS 第23课 听课总结
  12. create-react-app 开发环境编译太慢的解决方案
  13. 图像处理黑科技——弯曲矫正、去摩尔纹、切边增强、PS检测
  14. 微信小程序开发资源汇总 awesome-wechat-weapp
  15. 方舟生存进化怎么自建服务器?方舟生存进化自建服务器教程
  16. 通灵学院|游戏设计研习10:迭代流程★(2000字)
  17. 打印excel html js,前端js打印(导出)excel表格的方法实例
  18. sap增加税码注意事项,进项税调整SAP相应调整
  19. 间歇性需求预测之Croston‘s method
  20. [20160213]关于ansi语法.txt

热门文章

  1. 作为开发人员,无代码开发平台 iVX 你有必要了解一下
  2. 用友U8应收期初数据录入案例教程
  3. unity多人开发,更新svn后材质丢失(模型贴图全变紫)的问题
  4. python中ravel()用法
  5. HTML+CSS静态博客
  6. 如何在Jetty Java HTTPS Servlet Web服务器生成CSR文件
  7. php获得第二天,PHP第二天
  8. JAVASE基础模块三十五( 线程 线程创建的第一种方法 以及线程的一些方法)
  9. 新东方副总裁徐健:人工智能时代如何实现教育升级?
  10. python Faker制造假数据并以csv格式写到文件中