js或jquery如何获取父级、子级、兄弟元素

发布时间:2016/03/28 21:07栏目:学习笔记

在使用javascript的时候,这些东西很重要也很常见,所以我整理了一下,以便以后使用。

下面是使用原生javascript的获取方法

var a = document.getElementById("dom");
a.childNodes       // 获取a的全部子节点
a.parentNode       // 获取a的父节点
a.nextSibling      // 获取a的下一个兄弟节点
a.previousSibling  // 获取a的上一个兄弟节点
a.firstChild       // 获取a的第一个子节点
a.lastChild        // 获取a的最后一个子节点

下面是使用jQuery获取的方法

jQuery.parent(expr)    // 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr)   // 类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr)  // 返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点
jQuery.prev()          // 返回上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll()       // 返回所有之前的兄弟节点
jQuery.next()          // 返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll()       // 返回所有之后的兄弟节点
jQuery.siblings()      // 返回兄弟姐妹节点,不分前后
版权说明:本文为【Toilove个人博客 - 一个菜鸟程序员的学习旅程】原创文章,转载请说明出处。
文章地址:http://toilove.com/article/46.html
Notice最新公告2016/11/11 15:44

光棍节快乐~

新版本的静态页面已经快要完工了,界面效果个人感觉不错。

今年一定要更新博客!

Search内容搜索
Abuot关于程序开源程序提供下载学习
Link友情链接欢迎各位站长交换链接