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 相关文章推荐
使用新的消息弹出框blackbirdjs
Oct 16 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
jquery如何获取复选框的值
Dec 12 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
JavaScript 深层克隆对象详解及实例
Nov 03 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
Vuejs实现购物车功能
Nov 05 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 03 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
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
IE中jquery.form中ajax提交没反应解决方法分享
2012/09/11 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
删除Javascript Object中间的key
2014/11/18 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
微信小程序加载机制及运行机制图解
2019/11/27 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
jquery实现上传文件进度条
2020/03/26 jQuery
react ant Design手动设置表单的值操作
2020/10/31 Javascript
Python之os操作方法(详解)
2017/06/15 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
利用Python校准本地时间的方法教程
2019/10/31 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
python实现人像动漫化的示例代码
2020/05/17 Python
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
.net软件工程师应聘上机试题
2015/03/10 面试题
宣传保护环境的公益广告词
2014/03/13 职场文书
创先争优标语
2014/06/27 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
通知怎么写?
2019/04/17 职场文书
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python