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 相关文章推荐
js 事件小结 表格区别
Aug 13 Javascript
斜45度寻路实现函数
Aug 20 Javascript
用JSON做数据传输格式中的一些问题总结
Dec 21 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
Apr 23 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
概述如何实现一个简单的浏览器端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 加密与解密的斗争
2009/04/17 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
PHP URL路由类实例
2013/11/12 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
跨浏览器PHP下载文件名中的中文乱码问题解决方法
2015/03/05 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
JavaScript中的作用域链和闭包
2012/06/30 Javascript
javascript实现yield的方法
2013/11/06 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
[01:23:35]Ti4主赛事胜者组 DK vs EG 1
2014/07/19 DOTA
Python PyQt5标准对话框用法示例
2017/08/23 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
俄罗斯电子产品在线商店:UltraTrade
2020/01/30 全球购物
服装电子商务创业计划书
2014/01/30 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
源码解读Spring-Integration执行过程
2021/06/11 Java/Android
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
Redis 哨兵集群的实现
2021/06/18 Redis