原生javascript方法:

1 var a = document.getElementById("dom");
2       del_space(a); //清理空格
3       var b = a.childNodes; //获取a的全部子节点;
4       var c = a.parentNode; //获取a的父节点;
5       var d = a.nextSibling; //获取a的下一个兄弟节点
6       var e = a.previousSibling; //获取a的上一个兄弟节点
7       var f = a.firstChild; //获取a的第一个子节点
8       var g = a.lastChild; //获取a的最后一个子节点

jQuery方法:

jQuery.parent(expr) //找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

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

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

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

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

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

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

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

jQuery.siblings() //返回兄弟姐妹节点,不分前后
jQuery.closest()
jQuery.find(expr)  //跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,
//而jQuery.find()的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从p元素开始找,等同于$("p span").

转载于:https://www.cnblogs.com/yd001/p/5726069.html

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)相关推荐

  1. JQuery获取父,子,兄弟节点

    jQuery.parent(expr) // 查找父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent ...

  2. js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...

  3. js jquery 获取元素(父节点,子节点,兄弟节点)

    js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...

  4. js弹框带传值父窗口给子框_layer弹窗,父页面 子iframe 兄弟iframe之间传值,函数调用...

    在这里记录下前端layer弹窗 父,子,兄弟弹窗 之间参数传递以及函数调用 ① [父-->子] [子-->父] 前言 //子弹窗给父页面元素赋值 parent.$("#paren ...

  5. jq获取兄弟节点_jquery 获取元素(父节点,子节点,兄弟节点)

    一, js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.par ...

  6. Jquery 寻找父、子、兄弟节点

    JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr)  找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$(" ...

  7. jquery兄弟标签_jQuery的父,子,兄弟节点查找方法

    jQuery的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("s ...

  8. jquery查找父窗体id_js/jquery如何获取父窗口的元素?

    展开全部 取父窗32313133353236313431303231363533e58685e5aeb931333365643565口的元素方法: $(selector, window.parent. ...

  9. JQUERY的父,子,兄弟节点查找方法

    jQuery.parent(expr)  找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(& ...

最新文章

  1. PHP基础-自定义函数-变量范围-函数参数传递
  2. keil4怎么移植其他人的程序_裸机程序如何驱动硬件?
  3. HDU 5676 ztr loves lucky numbers
  4. ppt流程图字体太小_简单三步,用WPS轻松完成一个又大气又好看的流程图!
  5. gradle 指定springcloud 版本_如何优雅地使用Gradle
  6. php语句导入mysql_php如何将数据库导入mysql
  7. JDBC 笔记4 PreparedStatement 与Statement 的区别
  8. 错误调试:GPU 版 TensorFlow failed to create cublas handle: CUBLAS_STATUS_ALLOC_FAILED
  9. 一文详解三维重建中的立体匹配
  10. 优秀的Web前端开发工程师需要具备的4个条件
  11. 攻防世界Reverse-maze
  12. oracle里如何求及格率,统计出每个教师每门课的及格人数和及格率
  13. 上取整与下取整的解析
  14. series转换成dataframe
  15. 夺冠之夜,荣耀的坚守和变通
  16. 20个热门少儿编程网站【2019】
  17. http://www.yesky.com/424/163424.shtml http://www.yesky.com/424/163424.shtml
  18. Windows Server 2019 DC 上修改域名
  19. 计算机考试电脑故障考官说没事,山东春季高考潍坊一考点计算机故障 官方启动调查...
  20. Mouse without Borders 两台win11电脑共享鼠标键盘

热门文章

  1. Spring MVC获取参数的几种常见方式
  2. Selenium 执行JavaScript语句
  3. 数据库-linux安装mysql
  4. unity3d android 实时阴影,Unity移动端实时阴影绘制
  5. linux系统创建lvm卷,Linux逻辑卷LVM实现
  6. solr mysql增量导入_急急急,在线等!solr4.10结合oracle增量导入数据问题!
  7. 教你玩转vue-router命令视图
  8. python3 logging模块_python3中使用logging模块写日志,中文乱码,如何解决?
  9. delphi语言转为汇编语言_计算机语言
  10. java elasticsearch_在Spring java框架中使用ElasticSearch的最佳方式