类似于想点击面包屑导航中的某一个,删除其余后面的所有节点,在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. linux常用指令_Linux系统常用指令总结
  2. python抢票代码_教你用Python动刷新抢12306火车票,附源码!
  3. 关于编译FFMPEG的初级教程
  4. java 堆排序算法_堆排序算法的讲解及Java版实现
  5. sqlite工作记录-1数据库数据写入-转
  6. 概述Swing窗体的种类
  7. 利用python的pyqt5和vtk库实现对gcode模型的全彩预览
  8. 使用word代码域自动为图表 标号
  9. 计算机安装系统后鼠标无法使用,电脑重装系统后鼠标键盘不能用怎么办
  10. rsync简介及部署
  11. Vscode 配置默认浏览器打开
  12. python bunch制作可导入数据_python – ImportError:无法导入名称Bunch scikit-learn 0.19
  13. win2012+r2+php+mysql_Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建教程
  14. 公众号里面套页面_怎么套用别人的公众号模板?公众号模板在哪找? | 微信公众号指南...
  15. STM32F103C8的keil环境配置和STlink烧录
  16. 12.3.4 UDP网络调试助手实例
  17. FND_MESSAGE使用总结
  18. 一个形式良好的XML文档
  19. 微计算机原理及应用第八章,微机原理第八章--8251讲解
  20. 视觉SLAM前端——ICP

热门文章

  1. 【论文笔记--FORCE】Progressive Skeletonization: Trimming more fat from a networkat initialization
  2. java生成chk文件_java web实现在线编辑word,并将word导出(一)
  3. 概率论与数理统计期末考试复习总结
  4. QNX Hypervisor —— 虚拟设备
  5. 考研数学公式默写记忆PDF
  6. goproxy代理软件 v10.3 轻量级高性能代理软件+链式代理+正向代理+反向代理
  7. 信息系统项目管理师(2022年) —— 第 3 章 项目立项管理
  8. Flutter 项目实战 截图分享到微信|QQ|微博 十二
  9. 南京社保详解(绝对有用)
  10. burpsuite配置