直接贴代码:
表格动态添加删除行
标题一 | 标题二 | 标题三 | 标题四 | 操作 |
---|---|---|---|---|
wallimn | http://blog.csdn.net/wallimn | wallimn@tom.com | http://wallimn.ys168.com | 行索引 删除 |
长三江 | 村在 | 北京天安门 | 东四十条 | 行索引 删除 |
长三江 | 村在 | 北京天安门 | 东四十条 | 行索引 删除 |
长三江 | 村在 | 北京天安门 | 东四十条 | 行索引 删除 |
wallimn | http://blog.csdn.net/wallimn | wallimn@tom.com | http://wallimn.ys168.com | 行索引 删除 |
长三江 | 村在 | 北京天安门 | 东四十条 | 行索引 删除 |
长三江 | 村在 | 北京天安门 | 东四十条 | 行索引 删除 |
长三江 | 村在 | 北京天安门 | 东四十条 | 行索引 删除 |
总结:此处<tr>的父节点是<tbody>而非<table>,追加行时要追加到<tbody>节点中,否则新添加的行不能删除与<tbody>同级,调用代码中删除方法时不能删除添加的行。
备注:本代码基于IE,且IE 9操作效果与IE 6、7、8有差异,如有更好实现方式,请各位指教。