作者starjou (周星星)
看板Web_Design
标题Re: [问题] 表格删除列的问题
时间Thu Feb 28 14:40:05 2008
※ 引述《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