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 表单取值赋值的一些基本操作
Oct 11 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
学习JavaScript图片预加载模块
Nov 07 Javascript
EasyUI学习之Combobox下拉列表(1)
Dec 29 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
Mar 14 Javascript
微信小程序 高德地图路线规划实现过程详解
Aug 05 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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
php缓存技术介绍
2006/11/25 PHP
PHP读取PDF内容配合Xpdf的使用
2012/11/24 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
JS实现self的resend
2010/07/22 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
详解angular2.x创建项目入门指令
2018/10/11 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
Python实现115网盘自动下载的方法
2014/09/30 Python
Python基于回溯法子集树模板解决m着色问题示例
2017/09/07 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
python os.listdir()乱码解决方案
2021/01/31 Python
解释一下Windows的消息机制
2014/01/30 面试题
.NET程序员的数据库面试题
2012/10/10 面试题
Java程序员面试题
2016/09/27 面试题
求职简历自荐信范文
2013/10/21 职场文书
送货司机岗位职责
2013/12/11 职场文书
外语系毕业生自荐信范文
2013/12/16 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
认错检讨书
2014/10/02 职场文书
三八妇女节标语
2014/10/09 职场文书
2014年行政工作总结
2014/11/19 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
MySQL池化框架学习接池自定义
2022/07/23 MySQL