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

Posted Mr.Y

tags:

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

1,js获取节点:

  父: parentNode 获取已知节点的父节点。

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

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

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

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

jQuery获取父节点子节点兄弟节点

js,jq,css选择器

js DOM知识总结

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