DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery刪除當前節點元素
jQuery刪除當前節點元素
編輯:JQuery入門技巧     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved