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 相关文章推荐
无刷新预览所选择的图片示例代码
Apr 02 Javascript
基于javascript简单实现对身份证校验
Jan 25 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
Feb 11 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
Nov 06 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
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
thinkphp模板用法和内容输出实例
2014/11/28 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
PHP最常用的正则表达式
2017/02/13 PHP
Javascript - HTML的request类
2007/01/09 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
js实现一个简易计算器
2020/03/30 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
微信小程序实现打卡签到页面
2020/09/21 Javascript
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
苹果中国官方网站:Apple中国
2016/07/22 全球购物
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
暑期实践思想汇报
2014/01/06 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
医院信息公开实施方案
2014/05/09 职场文书
公司授权委托书范文
2014/09/21 职场文书
2016新年感言
2015/08/03 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS