首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes;...; // 父节点元素 var first = test.firstElementChild; // 第一个子节点元素 var last = test.lastElementChile; // 最后一个子节点...注意操作父来控制子必须给子元素赋予一个变量 二.jq $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1")....").siblings(); // 所有兄弟节点 $("#test1").siblings("#test2"); $("#test").find("#test1"); #元素筛选 // 以下方法都返回一个新的...jQuery对象,他们包含筛选到的元素 $("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素) $("ul li").first(); // 选取ul

15.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS获取节点的兄弟,父级,子级元素的方法

    2015-08-18 03:48:27 下面介绍JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr)  找父亲节点,可以传入expr进行过滤,比如$("span").parent...(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。...这个方法和children()的区别就在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点 jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll...(),返回所有之前的兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQuery.nextAll(),返回所有之后的兄弟节点 jQuery.siblings(),返回兄弟姐妹节点...jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从元素开始找

    9.2K10

    二叉树子节点的最近父节点

    说明: 所有节点的值都是唯一的。 p、q 为不同节点且均存在于给定的二叉搜索树中。...其他算法 对于上述算法来讲需要遍历两次树结构来获取跟节点到指定节点的路径,然后倒叙获取路径数组中第一个相同节点即可最近父节点.但事实上,可以尝试将两次查找合并在一起,对于当前节点c u r r e n...->right; 最后一种情况,要么current就是p或者q节点之一,要么p,q分别在current的左右子树上.也就是要查找的最近父节点。...题目升级 如果题目中的树只是一颗普通的二叉树,那么最近父节点该怎么查找?...其实尝试将结果分类,会发现无外乎以下情况: p,q结点分布在当前结点两侧或者当前结点就是p或者q之一,那么根结点就是最近父节点; p,q结点在当前结点的左子树上,那么最近父结点肯定是第一个查询到的p或者

    1.8K40

    当前对象与父对象(thissuper)

    1、this 1.1、this概述 this是自身的一个对象,代表对象本身,是非静态对象,可以理解为:指向对象本身的一个指针。...类对象的一个指针,而这个超类指的是离自己最近的一个父类。...2.2、super应用 2.2.1、直接引用 与this类似,super相当于是指向当前对象的父类,这样就可以用super.xxx来引用父类的成员。...} public static void main(String args[]){ new B(); } } 3.2、super/this super: 它引用当前对象的直接父类中的成员...(用来访问直接父类中被隐藏的父类中成员数据或函数),基类与派生类中有相同成员定义时如: super.成员(成员变量、成员方法) this:它代表当前对象名(在程序中易产生不同意义,应使用this来指明当前对象

    54410

    treeview插件使用:根据子节点选中父节点

    bootstrap-treeview本身对勾选/取消的支持是没问题,问题在于复选框的业务逻辑上:     ① 如果 勾选了父级节点,怎么让子节点全部变为勾选状态?     ...//each回调函数中参量:a表示节点索引,b表示节点对象 $tree.treeview(method, [b.nodeId, { silent: true...基于同样的思想,要想实现选中某一子节点后同时选中所有的父节点,那么只需要在代码中继续添加:① 通过子节点判断父节点的存在;② 选中父节点;③ 递归判断。...正当我喜滋滋的以为功能实现了的时候,突然发现了很大的bug,就是在通过子节点选中所有父节点的功能实现中,选中是没有问题,可是当取消某个子节点,无论兄弟节点是否有选中,父节点都一并被取消掉了。...这肯定是有问题的。所以,自己又对取消事件单独做了判断,判断取消的时候,是否还有兄弟节点是处于选中状态,如果有,那么父节点就不执行取消了。

    6K40

    material Tree组件父节点联动改造

    先看效果图: 图片 父节点联动的规则如下:         第一种情况:全部子节点勾选,则父节点也勾选 即checked = true         第二种情况:子节点全部取消勾选,则父节点取消勾选 ...,(不在之前的逻辑上直接设置关联的父节点,因为子节点是从上往下递归,而父节点需要至下而上的寻找) 单独写一个关联父节点的方法: 1.首先根据所勾选的节点,查找到它的全部父节点(可能父节点还有父节点所以需要递归...: 1.父节点全部的子节点 2.父节点已激活的子节点 判断逻辑如下:         第一种情况:全部子节点勾选,则父节点也勾选 即checked = true         第二种情况:子节点全部取消勾选...       第一种情况:全部子节点勾选,则父节点也是勾选的样式1 即indeterminate = false        第二种情况:子节点全部取消勾选,则父节点是勾选的样式1 即即indeterminate...:       // 第一种情况:全部子节点勾选,则父节点也是勾选的样式1 即indeterminate = false       // 第二种情况:子节点全部取消勾选,则父节点是勾选的样式1 即即indeterminate

    79820

    树形结构已知子节点获取子节点所有父节点——任意目录树

    JS 树形结构 根据子节点找到所有上级,比如element-tree,已知路由上的子结点id,如何回填的 展开目录树?...树的查找与遍历都非常简单,具体可以查看我之前写的:《讲透学烂二叉树(三):二叉树的遍历图解算法步骤及JS代码》或者:JS树结构操作:查找、遍历、筛选、树和列表相互转换 https://wintc.top.../article/20但是 如何根据子结点找所有父节点的目录的呢?...之前的遍历与查找的代码并不能解决这个问题,这里我单独给出一段代码:export default function findParents(arr, id, findProps = 'id', childProps...《树形结构已知子节点获取子节点所有父节点——任意目录/树》,请注明出处:https://www.zhoulujun.cn/html/webfront/ECMAScript/js/2022_0422_8797

    3.3K10
    领券