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 对应的节点,并保证二叉搜索树的性质不变.返回二叉搜索树(有可能被更新)的根节点的引用. 一般来说,删除节点可分为两个 ...
最新文章
- linux常用指令_Linux系统常用指令总结
- python抢票代码_教你用Python动刷新抢12306火车票,附源码!
- 关于编译FFMPEG的初级教程
- java 堆排序算法_堆排序算法的讲解及Java版实现
- sqlite工作记录-1数据库数据写入-转
- 概述Swing窗体的种类
- 利用python的pyqt5和vtk库实现对gcode模型的全彩预览
- 使用word代码域自动为图表 标号
- 计算机安装系统后鼠标无法使用,电脑重装系统后鼠标键盘不能用怎么办
- rsync简介及部署
- Vscode 配置默认浏览器打开
- python bunch制作可导入数据_python – ImportError:无法导入名称Bunch scikit-learn 0.19
- win2012+r2+php+mysql_Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建教程
- 公众号里面套页面_怎么套用别人的公众号模板?公众号模板在哪找? | 微信公众号指南...
- STM32F103C8的keil环境配置和STlink烧录
- 12.3.4 UDP网络调试助手实例
- FND_MESSAGE使用总结
- 一个形式良好的XML文档
- 微计算机原理及应用第八章,微机原理第八章--8251讲解
- 视觉SLAM前端——ICP
热门文章
- 【论文笔记--FORCE】Progressive Skeletonization: Trimming more fat from a networkat initialization
- java生成chk文件_java web实现在线编辑word,并将word导出(一)
- 概率论与数理统计期末考试复习总结
- QNX Hypervisor —— 虚拟设备
- 考研数学公式默写记忆PDF
- goproxy代理软件 v10.3 轻量级高性能代理软件+链式代理+正向代理+反向代理
- 信息系统项目管理师(2022年) —— 第 3 章 项目立项管理
- Flutter 项目实战 截图分享到微信|QQ|微博 十二
- 南京社保详解(绝对有用)
- burpsuite配置