类似于想点击面包屑导航中的某一个,删除其余后面的所有节点,在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删除某个节点之后的所有节点相关推荐

  1. JS监听页面元素删除子节点、增加子节点、修改子节点的内容

    监听这个事件DOMSubtreeModified. 表示如果当前监听元素的子节点有改动:包括删除子节点.增加子节点.修改子节点的内容,都会触发这个事件. var container = documen ...

  2. JS节点操作小结(创建节点,添加节点,获取节点,删除节点,复制节点)

    一,创建节点 document.createElement('li'),//创建一个节点 二,添加节点 insertBefore(要添加的节点, 添加在哪个节点之前) 在指定节点前面添加 三,获取节点 ...

  3. JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  4. java document创建节点_javasript 的DOM 节点操作:创建,插入,删除,复制以及查找节点...

    DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准.其赋予了JS 操作节点的能力,当网页被加载时,浏 ...

  5. JavaScript 节点概述 、父节点 parentNode、子节点children、兄弟节点、创建节点 添加节点、删除节点、复制拷贝节点 ★案例★

    一般 节点至少拥有nodeType(节点类型).nodeName(节点名称)和nodeValue(节点值)这三个基本属性 元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节 ...

  6. 删除单链表中的重复节点(c语言版本)

    这是一道经典的面试题,下面是我的研究和举一反三,特整理如下: 分为三种情形: (1)删除有序链表的重复节点,重复节点一个都不留 (2)删除有序链表的重复节点,重复节点只留一个 (3)删除无序链表的重复 ...

  7. 如何通过Geth、Node.js和UNIX/PHP访问以太坊节点

    本文旨在说明通过Geth.Node.js如何访问以太坊节点和UNIX下PHP如何访问以太坊节点. 说明如何通过RPC使用此(A)以太坊节点 对于以太坊主网络使用RPC url:http://85.21 ...

  8. 递归删除父节点及所有子节点(转)

    --递归删除父节点及所有子节点create table tb(Id int, ParentId int, Name varchar(5))insert into tb select 1, 0, 'a1 ...

  9. 67. Leetcode 450. 删除二叉搜索树中的节点 (二叉搜索树-基本操作类)

    给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变.返回二叉搜索树(有可能被更新)的根节点的引用.一般来说,删除节点可分为两个步 ...

  10. 450. 删除二叉搜索树中的节点

    给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变.返回二叉搜索树(有可能被更新)的根节点的引用. 一般来说,删除节点可分为两个 ...

最新文章

  1. dedecms 实现分页填写页码直接跳转到分页 【dedecms】
  2. 第七周项目一-成员函数(4)
  3. mybatis3.2.8 与 hibernate4.3.6 混用
  4. 树莓派:外设开发编程,控制继电器
  5. 简便方法创建自签名证书
  6. 记一次 .NET 某三甲医院HIS系统 内存暴涨分析
  7. 安卓手机如何防盗_如何设置安卓手机各版本USB调试模式
  8. 为Mac任意命令设置快捷键
  9. [转].net中的认证(authentication)与授权(authorization)
  10. java语言的数据类型_Java语言的数据类型
  11. [ZT]用CSC.exe来编译Visual C#的代码文件,解释CSC参数和开关的具体作用
  12. 一步步教你如何配置Java环境变量(超级详细)
  13. 软考高级 真题 2009年下半年 信息系统项目管理师 论文
  14. html吃豆豆小游戏源码,HTML5 Canvas吃豆豆动画
  15. 基于流式输入输出 使用Java借助GSON库 实现对大型asc文件的读入解析 并输出为JSON文件
  16. 淘宝网禁售无证食品和保健品 问题商品将被屏蔽
  17. CSDN文章自动展开全文无需登录插件(仅限Chrome)!
  18. Python进行图片缩放
  19. Django的列表分页
  20. 怎样设置网页中的文字样式

热门文章

  1. 简单明了的普利姆算法
  2. 七牛的管理接口不支持js端发送请求进行管理(设计到跨域问题)
  3. C++类型转换以及文件读写的总结
  4. __stack_chk_fail之栈帧溢出检测技术
  5. 触摸屏:Linux输入子系统:多点触控协议
  6. HTML5滑动(swipe)事件,HTML5教程 滑动(swipe)事件学习
  7. Object.defineProperty是Es5中无法shim的特性 shim是什么?
  8. 网易云信赵加雨:极致匠心的技术团队撑起60万开发者
  9. 射影几何----齐次坐标下的三点共线和非齐次坐标下的三点共线是等价的
  10. td nowrap 属性 中多个input 不换行 水平排列