jQuery删除当前节点元素


Posted in Javascript onDecember 07, 2016

下面一段代码给大家介绍了jquery删除节点元素的方法,具体代码如下所示;

//state用来判断获取内容的状态,单击一次获取文本内容,第二次单击删除内容
var state = 0;
function getfilecontent(btn){
//这边用来判断是否已经获取到文本内容,获取到则删除
if(state == 1){
var td = $(btn).parent().parent().next().children();
td.remove();
state = 0;
return;
}
var filePath = document.getElementById("filepath").innerHTML.trim();
var tr = btn.parentNode.parentNode;
var tds = tr.getElementsByTagName("td");
var fileName = tds[0].innerHTML.trim();
$.post("<%=basePath%>intelligentjournal/getfilecontent.do", 
{
"filePath":filePath,
"fileName":fileName
},function(fileContent){
var file = fileContent;
var ntr = document.createElement("tr");
ntr.innerHTML = '<td style="border:1px solid black" id = "td">' + file + '</td>';
var tr1 = document.getElementById(fileName);
tr1.appendChild(ntr);
},"JSON");
state = 1;
}

一开始使用原生的JavaScript,这样remove()在谷歌浏览器上可以使用,在IE浏览器上不兼容,以后记得用jQuery。好了,就说这么多啦~~~~~希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JQuery Tips(3) 关于$()包装集内元素的改变
Dec 14 Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
node.js中的path.resolve方法使用说明
Dec 08 Javascript
全面了解JS中的匿名函数
Jun 29 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
详解从新建vue项目到引入组件Element的方法
Aug 29 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
d3.js实现图形缩放平移
Dec 19 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 Javascript
JS时间戳与日期格式互相转换的简单方法示例
Jan 30 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 #Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
Dec 07 #Javascript
浅析js的模块化编写 require.js
Dec 07 #Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 #Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 #Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 #Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 #Javascript
You might like
php bootstrap实现简单登录
2016/03/08 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
js 窗口抖动示例
2013/09/04 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
jquery列表拖动排列(由项目提取相当好用)
2014/06/17 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
2014/10/29 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
2017/12/15 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
[02:02:38]VG vs Mineski Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
Python流程控制 while循环实现解析
2019/09/02 Python
详解Django配置优化方法
2019/11/18 Python
python plotly画柱状图代码实例
2019/12/13 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
利用python实现汉诺塔游戏
2021/03/01 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
linux面试题参考答案(3)
2012/09/13 面试题
一些Solaris面试题
2015/12/22 面试题
应届毕业生求职简历自我评价
2015/03/02 职场文书
优秀创业计划书分享
2019/07/19 职场文书
教你用python实现12306余票查询
2021/06/30 Python
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库