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


原来的页面显示效果太差,

在原有的基础上改动,

将内容放在一个div中


用jquery改变css的样式

注: content代表插入内容的标签 table代表文件名的列表 back 代表返回按钮

点击查看时  将内容显示并插入div标签中, 把列表的样式改为none,内容和返回按钮显示出来

点击返回时  将div的内容清空, 把div 和 返回按钮隐藏,把列表显示


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值