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 相关文章推荐
JavaScript基本概念初级讲解论坛贴的学习记录
Feb 22 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
JS延迟加载加快页面打开速度示例代码
Dec 30 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
jquery网页日历显示控件calendar3.1使用详解
Nov 24 Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 Javascript
JS实现的找零张数最小问题示例
Nov 28 Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 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速度全攻略
2006/10/09 PHP
PHP定时执行计划任务的多种方法小结
2011/12/19 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
Nginx下配置codeigniter框架方法
2015/04/07 PHP
php实例化一个类的具体方法
2019/09/19 PHP
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
原生JS实现留言板
2020/03/26 Javascript
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
Linux如何为某个操作添加别名
2013/03/01 面试题
秋季运动会表扬稿
2014/01/16 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
房展策划方案
2014/06/07 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
三方股东合作协议书
2014/10/28 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
《确定位置》教学反思
2016/02/18 职场文书
车辆挂靠协议书
2016/03/23 职场文书