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 相关文章推荐
Mootools 1.2教程 事件处理
Sep 15 Javascript
在chrome中window.onload事件的一些问题
Mar 01 Javascript
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
JavaScript中使用replace结合正则实现replaceAll的效果
Jun 04 Javascript
jquery 回车事件实现代码
Aug 23 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
react开发中如何使用require.ensure加载es6风格的组件
May 09 Javascript
Vue按需加载的具体实现
Dec 02 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 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设计模式 State (状态模式)
2011/06/26 PHP
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
php二维数组用键名分组相加实例函数
2013/11/06 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
JavaScript实现拼音排序的方法
2012/11/20 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
ES6新特性三: Generator(生成器)函数详解
2017/04/21 Javascript
详解Nodejs 通过 fs.createWriteStream 保存文件
2017/10/10 NodeJs
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
微信小程序网络请求封装示例
2018/07/24 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
vue实现侧边栏导航效果
2019/10/21 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
使用python批量化音乐文件格式转换的实例
2019/01/09 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
详解python中各种文件打开模式
2020/01/19 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
Windows和Linux动态库应用异同
2016/07/28 面试题
QA工程师岗位职责
2013/11/20 职场文书
巧克力蛋糕店创业计划书
2014/01/14 职场文书
高三体育教学反思
2014/01/29 职场文书
祖国在我心中演讲稿300字
2014/05/04 职场文书
销售队伍口号
2014/06/11 职场文书
异地年检委托书范本
2014/09/24 职场文书
2014年话务员工作总结
2014/11/19 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python