js删除某个节点之后的所有节点
类似于想点击面包屑导航中的某一个,删除其余后面的所有节点,在js中该怎么写
其实很简单,在点击事件中可传入参数 οnclick="myfunction(this)"
<ol class="breadcrumb" style="background-color:#ffffff;">
<li ><a href="javascript:void(0);" onclick="myfunction(this)" >全部文件</a></li>
<li ><a href="javascript:void(0);" onclick="myfunction(this)" >a</a></li>
<li ><a href="javascript:void(0);" onclick="myfunction(this)" >b</a></li>
</ol>
因为点击的是a标签,而a标签的父节点是li,要删除导航中的路径即是删除其对应的li标签,所以用jquery获取到其父节点,再使用nextAll(),remove()即可
function myfunction(obj){//获取子标签序号$(obj.parentNode).nextAll().remove();
}
js删除某个节点之后的所有节点相关推荐
- JS监听页面元素删除子节点、增加子节点、修改子节点的内容
监听这个事件DOMSubtreeModified. 表示如果当前监听元素的子节点有改动:包括删除子节点.增加子节点.修改子节点的内容,都会触发这个事件. var container = documen ...
- JS节点操作小结(创建节点,添加节点,获取节点,删除节点,复制节点)
一,创建节点 document.createElement('li'),//创建一个节点 二,添加节点 insertBefore(要添加的节点, 添加在哪个节点之前) 在指定节点前面添加 三,获取节点 ...
- JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
- java document创建节点_javasript 的DOM 节点操作:创建,插入,删除,复制以及查找节点...
DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准.其赋予了JS 操作节点的能力,当网页被加载时,浏 ...
- JavaScript 节点概述 、父节点 parentNode、子节点children、兄弟节点、创建节点 添加节点、删除节点、复制拷贝节点 ★案例★
一般 节点至少拥有nodeType(节点类型).nodeName(节点名称)和nodeValue(节点值)这三个基本属性 元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节 ...
- 删除单链表中的重复节点(c语言版本)
这是一道经典的面试题,下面是我的研究和举一反三,特整理如下: 分为三种情形: (1)删除有序链表的重复节点,重复节点一个都不留 (2)删除有序链表的重复节点,重复节点只留一个 (3)删除无序链表的重复 ...
- 如何通过Geth、Node.js和UNIX/PHP访问以太坊节点
本文旨在说明通过Geth.Node.js如何访问以太坊节点和UNIX下PHP如何访问以太坊节点. 说明如何通过RPC使用此(A)以太坊节点 对于以太坊主网络使用RPC url:http://85.21 ...
- 递归删除父节点及所有子节点(转)
--递归删除父节点及所有子节点create table tb(Id int, ParentId int, Name varchar(5))insert into tb select 1, 0, 'a1 ...
- 67. Leetcode 450. 删除二叉搜索树中的节点 (二叉搜索树-基本操作类)
给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变.返回二叉搜索树(有可能被更新)的根节点的引用.一般来说,删除节点可分为两个步 ...
- 450. 删除二叉搜索树中的节点
给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变.返回二叉搜索树(有可能被更新)的根节点的引用. 一般来说,删除节点可分为两个 ...
最新文章
- dedecms 实现分页填写页码直接跳转到分页 【dedecms】
- 第七周项目一-成员函数(4)
- mybatis3.2.8 与 hibernate4.3.6 混用
- 树莓派:外设开发编程,控制继电器
- 简便方法创建自签名证书
- 记一次 .NET 某三甲医院HIS系统 内存暴涨分析
- 安卓手机如何防盗_如何设置安卓手机各版本USB调试模式
- 为Mac任意命令设置快捷键
- [转].net中的认证(authentication)与授权(authorization)
- java语言的数据类型_Java语言的数据类型
- [ZT]用CSC.exe来编译Visual C#的代码文件,解释CSC参数和开关的具体作用
- 一步步教你如何配置Java环境变量(超级详细)
- 软考高级 真题 2009年下半年 信息系统项目管理师 论文
- html吃豆豆小游戏源码,HTML5 Canvas吃豆豆动画
- 基于流式输入输出 使用Java借助GSON库 实现对大型asc文件的读入解析 并输出为JSON文件
- 淘宝网禁售无证食品和保健品 问题商品将被屏蔽
- CSDN文章自动展开全文无需登录插件(仅限Chrome)!
- Python进行图片缩放
- Django的列表分页
- 怎样设置网页中的文字样式
热门文章
- 简单明了的普利姆算法
- 七牛的管理接口不支持js端发送请求进行管理(设计到跨域问题)
- C++类型转换以及文件读写的总结
- __stack_chk_fail之栈帧溢出检测技术
- 触摸屏:Linux输入子系统:多点触控协议
- HTML5滑动(swipe)事件,HTML5教程 滑动(swipe)事件学习
- Object.defineProperty是Es5中无法shim的特性 shim是什么?
- 网易云信赵加雨:极致匠心的技术团队撑起60万开发者
- 射影几何----齐次坐标下的三点共线和非齐次坐标下的三点共线是等价的
- td nowrap 属性 中多个input 不换行 水平排列