js 从当前节点获取下一个节点

css中选择器有，你多看看，可以通过兄弟节点找到或则nextElement等获得，单词不太会，你找找就是下一个Element和兄弟节点。

甚至可以找到父节点的父节点的父节点（如果有）这种选择器在j-Query中也封装了，撸主不好意思，太久没用忘词了。DOM语言。

最近有了新的需求，要求可以展示一棵机构树，然后可以选择某些节点。所选节点如果它和它的兄弟节点都被选中，那么所选结果就是它们的父节点。

如下例子：

选择三级1-1-1、三级1-1-2（或二级1-1），所得结果为一级1；选择二级2-1、二级2-2，所得结果一级2

项目使用Element UI框架，查找了tree组件对外接口，没有提供，然后自己结合tree组件的方法实现一下

在点击某个节点，选择状态完成更新后的回调函数中，判断当前点击节点的父节点是否选中，若选中，就把该父节点下的所有子节点从结果数组中移除，把当前节点加入结果数组，然后判断该父节点的父节点是否选中，循环上述步骤直到它们的根节点或状态为未选中；若该父节点未选中，检查当前节点状态是否为选中，选中，则加入结果数组，否则就认为是当前点击 *** 作取消了之前的选中状态，那么就需要在结果数组中删除当前点击项，考虑到之前可能是点击节点的父节点被选中状态，所以需要针对这个情况，需要在结果数组中删除父节点项，加入除当前点击项外的兄弟节点项（因为结果数组中存储的是最高一层的所选节点，所以不需要处理点击项的子节点）

tree组件中

使用方法

展示时删除某一选中项

这些jquery的一些查找方法：可以看看

jQueryparent(expr)           //找父元素

jQueryparents(expr)          //找到所有祖先元素，不限于父元素

jQuerychildren(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuerycontents()            //查找下面的所有内容，包括节点和文本。

jQueryprev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQueryprevAll()             //查找所有之前的兄弟节点

jQuerynext()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuerynextAll()             //查找所有之后的兄弟节点

jQuerysiblings()            //查找兄弟节点，不分前后

jQueryfind(expr)            //跟jQueryfilter(expr)完全不一样，jQueryfilter(expr)是从初始的

jQuery对象集合中筛选出一部分，而jQueryfind()的返回结果，不会有初始集中

筛选出一部分，而jQueryfind()的返回结果，不会有初始集合中的内容，比如：

  $("p")find("span")是从元素开始找，等于$("p span")

// 取得当前节点的父节点的所有直接子节点，查看当前节点在所有子节点中的位置，index从0开始。

var index = $(this)index($(this)parent()children());

以上就是关于js 从当前节点获取下一个节点全部的内容，包括:js 从当前节点获取下一个节点、Element UI tree 组件 获取所选最高一级的节点、如何使用Jquery获取当前节点的孙节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！