※ 引述《KAPP (時間が....)》之銘言:
: ※ [本文轉錄自 Ajax 看板]
: 作者: KAPP (時間が....) 看板: Ajax
: 標題: [問題] 表格刪除列的問題
: 時間: Wed Feb 27 18:08:56 2008
: 先稍微說明一下我的頁面
: 一開始只有一個textfield和insert button
: 下方則是有個表格
: 今天當使用者在textfield自由輸入後
: 可以在下方的表格中新增一列使用者所輸入的值
: 並且在一旁有一個刪除的鈕
: 讓使用者可以刪除這一列
: 但我目前遇到的問題是
: 每次刪除時都只能刪除最後一列
: 我猜測問題應該是出在javascript的部份
: 可是卻找不到真正有問題的部份
原始碼有點長就沒細看了,不過如果是每列都有一個刪除鈕,
其實程式就可以蠻簡單的
onclick="del_row(this)"
function del_row(el){
el.parentNode.parentNode.parentNode/*一直到 table 的那一層*/\
.removeChild(el.perentNode.parentNode/* 到 tr那一層 */)
}
或是直接 onclick="this.parentNode.parentNode.parentNode.removeChild(this.\
parentNode.parentNode)"
不必用到迴圈
用迴圈的情形是譬如點擊的按鈕不是在要刪除的 row 這一層下,
因此需要依照每個 row 給的 id 或其它可供索引的值,
去比對找出要刪除的 row,
或是有 checkbox,一次可以勾幾個列一併刪除之類的時候
才要這麼麻煩。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.81.198.170