下面一段代碼給大家介紹了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。好了,就說這麼多啦~~~~~希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!