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代码小结
Oct 14 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
vue中appear的用法
Aug 17 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
Vue 让元素抖动/摆动起来的实现代码
May 31 Javascript
ES6 Promise对象的应用实例分析
Jun 27 Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 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下载文件名中解决乱码的问题
2013/06/20 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
php模板原理讲解
2013/11/13 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
Yii2 ActiveRecord多表关联及多表关联搜索的实现
2016/06/30 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
2010年最佳jQuery插件整理
2010/12/06 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
2020/03/31 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
Python yield 小结和实例
2014/04/25 Python
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
python语音识别实践之百度语音API
2018/08/30 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
Python函数返回不定数量的值方法
2019/01/22 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
Java如何格式化日期
2012/08/07 面试题
暑期培训班招生方案
2014/08/26 职场文书
婚庆答谢词
2015/01/04 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
Python jiaba库的使用详解
2021/11/23 Python