很常在網路上看到某些表格或清單的選項(ex:plurk的回應)，按一下旁邊的X不需要重新整理網頁就可以直接讓該列消失
1 | <table> |
2 | <tr> |
3 | <td></td> |
4 | <td></td> |
5 | <td><a classs="del">刪除</a></td> |
6 | </tr> |
7 | </table> |
如上面所示，我要按下"刪除"就讓這列消失
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刪除資料庫資料
