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

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

08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes;...// 全部子节点 var first = test.firstChild; // 第一个节点 var last = test.lastChile; // 最后一个子节点  var previous =...; // 父节点元素 var first = test.firstElementChild; // 第一个节点元素 var last = test.lastElementChile; // 最后一个子节点...").prevAll(); // 之前所有兄弟节点 $("#test1").next(); // 下一个兄弟节点 $("#test1").nextAll(); // 之后所有兄弟节点 $("#test1...,他们包含筛选到的元素 $("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素) $("ul li").first(); // 选取ul li中匹配的第一个元素

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

原生JS | 通过类名获取标签

原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...,需要自定义一个方法,使我们能够在每个浏览器下都能通过类名获取标签。...通过类名获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1....功能优化 – 缩小选取范围 在此前的代码当中,存在着一个问题:如果通过通配符获取标签,那么所获取标签数量过于庞大,需要筛选大量的标签,会耗费比较多的时间,此时可以借助第二个参数进行控制,允许用户传入一个参数

13K60

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

2015-08-18 03:48:27 下面介绍JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr)  找父亲节点,可以传入expr进行过滤,比如$("span").parent....class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点...,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。...这个方法和children()的区别就在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点 jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll...(),返回所有之前的兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQuery.nextAll(),返回所有之后的兄弟节点 jQuery.siblings(),返回兄弟姐妹节点

9.1K10

JavaScript数组求和_js获取对象数组的第一个元素

如果 在reduce()方法的调用中提供了 initialValue,则总数将等于 initialValue,而 currentValue 将类似于数组中的第一个值。...如何在JS示例中找到数组的和 让我们定义一个具有五个值的数组,然后使用array.reduce()方法找到该数组的总和。...// app.js let data = [11, 21, 46, 19, 18]; sum = data.reduce((a, b) => { return a + b; }); console.log...现在,它在幕后的作用是,在第一种情况下,初始值为0,而第一个元素为11。因此,11 + 0 = 11。 在第二个循环中,我们的旧值为11,下一个值为21。因此,11 + 21 =32。...在此示例中,我们没有定义一个初始值,但是您可以确定一个初始值,它将作为第一个旧值,然后它将开始在数组中添加下一个值。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

6.8K20

JS事件篇

属性可以获取到当前元素所有子元素,不包括文本节点 区分概念: 节点包括文本节点,而元素不包括文本节点 firstChild获取当前元素第一个节点 VS firstElementChild获取当前元素第一个子元素...抽离出按钮点击函数的小案例 parentNode :获取一个元素的父元素 innertext :获取到一个标签里面的文本内容 获取兄弟节点,也可能会获取到空白节点 获取兄弟元素 节点的属性 通过nodevalue...父节点.removeChild(子节点):删除子节点 使用innerHTML也可以完成DOM的增删改操作 阻止a标签默认行为的常用三种方式 a标签的索引问题 JS修改元素的样式 读取元素的内联样式 获取当前元素显示的样式...,而其他浏览器都是9个 ---- children属性可以获取到当前元素所有子元素,不包括文本节点 ---- 区分概念: 节点包括文本节点,而元素不包括文本节点 ---- firstChild获取当前元素第一个节点...和Innerhtml类似,但是它会自动将html标签去除掉 ---- 获取兄弟节点,也可能会获取到空白节点 获取到的是空白文本节点 ---- 获取兄弟元素 获取前一个兄弟元素,IE8不支持

12.6K10

js对象(BOM部分DOM部分)

标签) 文本节点(text对象):代表元素(标签)中的文本 属性节点(attribute对象):代表一个属性,元素(标签)才有属性 注释是注释节点(comment对象)  JavaScript 可以通过...直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByClassName 根据class属性获取 document.getElementsByTagName...根据标签获取标签合集 注意: 涉及到DOM操作的JS代码应该放在文档的哪个位置。...间接查找 parentElement 父节点标签元素 children 所有子标签 firstElementChild 第一个标签元素...removeChild(要删除的节点) 替换节点: 语法: somenode.replaceChild(newnode, 某个节点); 属性节点 获取文本节点的值: var divEle = document.getElementById

4.2K20

前端之BOM和DOM

DOM标准规定HTML文档中的每个成分都是一个节点(node): 文档节点(document对象):代表整个文档 元素节点(element 对象):代表一个元素(标签) 文本节点(text对象):代表元素...(标签)中的文本 属性节点(attribute对象):代表一个属性,元素(标签)才有属性 注释是注释节点(comment对象)  JavaScript 可以通过DOM创建动态的 HTML: JavaScript...2.2.1直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByClassName 根据class属性获取...2.2.2间接查找 parentElement 父节点标签元素 children 所有子标签 firstElementChild 第一个标签元素...somenode.removeChild(要删除的节点) 2.3.4替换节点 语法: somenode.replaceChild(newnode, 某个节点); 属性节点 获取文本节点的值: var divEle

2.7K30

DOM 和 BOM

Text(文本节点):3 (2). nodeName 节点的名称 节点的名称专门用于鉴别元素的标签名,nodeName 返回的是全大写的标签名 ①. document(文档节点):#document(始终是...找 elem 的第一个*直接*子节点 D. elem.lastChild 找 elem 的最后一个*直接*子节点 ②....标签名查找 parent.getElementsByTagName("标签名") 标签名查找可在任意父元素上,不但查找直接子元素,还查找所有后代元素,返回多个元素组成的集合 ③....如果条件简单: HTML 查找: id、标签、 className B. 如果条件复杂: 选择器查找 ②. 已经获得一个元素,找周围相邻: 节点间关系 (6)....元素的内容 (1). elem.innerHTML: 获取或设置元素开始标签到结束标签之间的原始 html 代码片段,实际运用的较多 (2). elem.textContent: 获取或设置元素开始标签到结束标签之间的纯文本内容

2.2K10

前端(四)-jQuery

第一个jQuery测试 innerHTML html() 获取指定元素的网页内容 text(context) 给指定元素添加网页内容(不会编译标签)js->innerText text() 获取指定元素的网页内容..."]:checked').val() 3.4 节点操作 3.4.1 创造节点 $()用于获取或创建节点 方法 说明 $(element) 把DOM节点转化成jQuery节点 $(selector) 通过选择器获取节点...clone(false) 复制节点但不复制节点上的事件 3.5属性操作 方法 说明 $("元素标签").attr("属性名") 获取指定属性的属性值 $("元素标签").attr("属性名","属性值...说明 next() 获取当前元素后的第一个同辈元素 prev() 获取当前元素前的第一个同辈元素 slibings() 获取当前元素的所有同辈元素 3.6.3 遍历前辈元素 方法 说明 parent(

8.5K30
领券