js,jq获取父,兄弟,子节点整理

Posted F

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js,jq获取父,兄弟,子节点整理相关的知识,希望对你有一定的参考价值。

 

js获取节点
父: parentNode 获取已知节点的父节点。
子: childNodes; 得到全部子节点
children 得到全部子节点
firstChild 获得第一个子节点
lastChild 获得最后一个子节点
兄弟:previousSibling 获取已知节点的前一个节点
nextSibling 获取已知节点下一个节点
 
jq获取节点
父: $(#).parent() 获取上一级的父节点。
$(#items).parents(.parent1)获取上面哪一级父节点都可以。
$(li:parent)
子: $(#test span) 使用筛选条件
$(#test).find() 使用find()
$(#test).children(‘‘) 使用children()函数
兄弟:
jQuery.siblings() 返回兄弟姐妹节点,不分前后
jQuery.prevAll() 返回所有之前的兄弟节点
jQuery.prev() 返回上一个兄弟节点,不是所有的兄弟节点
jQuery.next() 返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll() 返回所有之后的兄弟节点

 

以上是关于js,jq获取父,兄弟,子节点整理的主要内容,如果未能解决你的问题,请参考以下文章

js|jq获取兄弟节点,父节点,子节点

js,jq,css选择器

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

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

JS获取子节点父节点和兄弟节点的方法实例总结

JS获取子节点父节点和兄弟节点的方法实例总结