『葉狂人』的怕失憶筆記 Front-End

利用 JavaScript 刪除列

利用 JavaScript 刪除列

很常在網路上看到某些表格或清單的選項(ex:plurk的回應),按一下旁邊的X不需要重新整理網頁就可以直接讓該列消失1

//觸發a的click事件後執行以下程式碼(這邊就端看開發者使用的是jQuery還是Javascript)

2
var td = this.parentNode; //a元素的父節點 = td
3
var tr = td.parentNode; // td元素的父節點 = tr
4
tr.parentNode.removeChild(tr); //利用tr的父節點刪除tr

PS:若表格中的內容是從資料庫中讀取出來的,刪除時必需配合AJAX刪除資料庫資料

 

『葉狂人』的怕失憶筆記, author
「某個程度來說,誰當官並不重要,重要的是他受到多少來自人民的壓力。」
美國語言學家及作家 杭士基