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

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

1、jquery 获取元素(父节点,节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1")....parents(".mui-content"); $("#test").children(); // 全部节点 $("#test").children("#test1"); $("#test").contents...").siblings(); // 所有兄弟节点 $("#test1").siblings("#test2"); $("#test").find("#test1"); 2、元素筛选 // 以下方法都返回一个新的...jQuery对象,他们包含筛选到的元素 $("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素) $("ul li").first(); // 选取ul...li中匹配的第一个元素 $("ul li").last(); // 选取ul li中匹配的最后一个元素 $("ul li").slice(1, 4); // 选取第2 ~ 4个元素 $("ul li"

5.6K10

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

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

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

    元素节点(附考题)

    ,删除其中的元素child //node.remove()直接由对应的节点调用,,删除自身 node就是节点的意思 body_mark.removeChild(mark1) mark1.remove...(); //元素节点的替换 body_mark.replaceChild(mark1, document.querySelector('div')); //获取制定标签的所有级标签 //node.children...--元素属性,获取指定元素node的所有直接元素节点 //node.chhildNodes--元素属性,获取指定元素node的所有直接节点(包括文本节点) //node.firstChlid...(10 分) 答:className--设置标签的 class 值 style--设置或获取标签的 css 样式(注意只能获取行间样式) children-元素属性,获取指定元素 node 的所有直接元素节点...childNodes--元素属性,获取指定元素 node 的所有直接节点(包 含文本节点) firstChild--元素属性,获取指定元素的第一个节点(可能是元素节点也 可能是文本节点) firstElementChild

    89410

    初探JavaScript(一)——也谈元素节点、属性节点、文本节点

    292152004278789.png   一些常用的方法如: getElementById():根据给定id属性值得元素节点得到相对应的对象。   ...注意:该方法不能通过document进行调用,只能通过一个元素节点对象来调用它。 setAttribute():设置某一个属性的值。   ...另外这里介绍下困扰过我的一个简单的问题,众所周知,Dom有三大节点元素节点+属性节点+文本节点   虽然只是简单的概念,但是迫于强迫症,决定要把它们区分清楚,不想在脑海中一直残留着模糊的印象。   ...针对三种节点分别从nodeType、nodeName和nodeValue三个方面进行区分比较:   nodeType:   元素节点:1   属性节点:2   文本节点:3   对于nodeName以及...nodeValue根据不同的情况值也不同,下面举一个例子: 1.元素节点: 1 2 3 区分nodeName和nodeValue

    2.4K70

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

    bootstrap-treeview本身对勾选/取消的支持是没问题,问题在于复选框的业务逻辑上:     ① 如果 勾选了父级节点,怎么让节点全部变为勾选状态?     ...,对遍历出的节点执行选中;如果子节点还有节点,很简单,递归一下就能搞定: function checkAllNodes(method, node) { var $tree = $('#modifyTree...}]); if (b.nodes) //递归调用 checkAllNodes(method, b); }); }   自此,点击父节点 选中/取消 所有节点的功能就算...基于同样的思想,要想实现选中某一节点后同时选中所有的父节点,那么只需要在代码中继续添加:① 通过节点判断父节点的存在;② 选中父节点;③ 递归判断。...正当我喜滋滋的以为功能实现了的时候,突然发现了很大的bug,就是在通过节点选中所有父节点的功能实现中,选中是没有问题,可是当取消某个子节点,无论兄弟节点是否有选中,父节点都一并被取消掉了。

    6K40

    JavaScript之怎样获取元素节点

    JavaScript获取元素节点一共有三种方法,分别是通过元素ID、通过标签名字和通过类名字来获取; 1.通过元素ID属性的ID值来获得元素对象-getElementById() DOM提供了一个名为getElementById...()的方法,这个方法将返回一个与括号里有着一样id值的元素节点对应的对象。...也就是说返回的是所有匹配的元素所组成的一个元素数组。。 他是document对象特有的函数,这个函数的参数只有一个,只能是你想要获得的元素的标签名,这个值必须放在单引号或者双引号里面。...; 2.1 getElementsByTagName()允许把一个通配符(星号字符*)作为他的参数,这意味这文档里的每个元素都将在这个函数的返回值里占有一席之地;如果你想知道某份html文档一共有多少元素节点...DOM提供了一个名为getElementsByClassName()的方法,这个方法返回一个与括号里有着一样类名的元素数组对应的对象数组。也就是说返回的是所有匹配的元素所组成的一个元素数组。

    1.3K80
    领券