js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)
原生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如何获取父级、子级、兄弟元素(包括祖级、孙级等)相关推荐
- JQuery获取父,子,兄弟节点
jQuery.parent(expr) // 查找父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent ...
- js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...
- js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
- js弹框带传值父窗口给子框_layer弹窗,父页面 子iframe 兄弟iframe之间传值,函数调用...
在这里记录下前端layer弹窗 父,子,兄弟弹窗 之间参数传递以及函数调用 ① [父-->子] [子-->父] 前言 //子弹窗给父页面元素赋值 parent.$("#paren ...
- jq获取兄弟节点_jquery 获取元素(父节点,子节点,兄弟节点)
一, js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.par ...
- Jquery 寻找父、子、兄弟节点
JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$(" ...
- jquery兄弟标签_jQuery的父,子,兄弟节点查找方法
jQuery的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("s ...
- jquery查找父窗体id_js/jquery如何获取父窗口的元素?
展开全部 取父窗32313133353236313431303231363533e58685e5aeb931333365643565口的元素方法: $(selector, window.parent. ...
- JQUERY的父,子,兄弟节点查找方法
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(& ...
最新文章
- PHP基础-自定义函数-变量范围-函数参数传递
- keil4怎么移植其他人的程序_裸机程序如何驱动硬件?
- HDU 5676 ztr loves lucky numbers
- ppt流程图字体太小_简单三步,用WPS轻松完成一个又大气又好看的流程图!
- gradle 指定springcloud 版本_如何优雅地使用Gradle
- php语句导入mysql_php如何将数据库导入mysql
- JDBC 笔记4 PreparedStatement 与Statement 的区别
- 错误调试:GPU 版 TensorFlow failed to create cublas handle: CUBLAS_STATUS_ALLOC_FAILED
- 一文详解三维重建中的立体匹配
- 优秀的Web前端开发工程师需要具备的4个条件
- 攻防世界Reverse-maze
- oracle里如何求及格率,统计出每个教师每门课的及格人数和及格率
- 上取整与下取整的解析
- series转换成dataframe
- 夺冠之夜,荣耀的坚守和变通
- 20个热门少儿编程网站【2019】
- http://www.yesky.com/424/163424.shtml http://www.yesky.com/424/163424.shtml
- Windows Server 2019 DC 上修改域名
- 计算机考试电脑故障考官说没事,山东春季高考潍坊一考点计算机故障 官方启动调查...
- Mouse without Borders 两台win11电脑共享鼠标键盘
热门文章
- Spring MVC获取参数的几种常见方式
- Selenium 执行JavaScript语句
- 数据库-linux安装mysql
- unity3d android 实时阴影,Unity移动端实时阴影绘制
- linux系统创建lvm卷,Linux逻辑卷LVM实现
- solr mysql增量导入_急急急,在线等!solr4.10结合oracle增量导入数据问题!
- 教你玩转vue-router命令视图
- python3 logging模块_python3中使用logging模块写日志,中文乱码,如何解决?
- delphi语言转为汇编语言_计算机语言
- java elasticsearch_在Spring java框架中使用ElasticSearch的最佳方式