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

时间:2021-10-27 23:46:56
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() 返回所有之后的兄弟节点