在开发过程中,我们经常会遇到表格,今天我说下我踩过的坑,项目中有个需求需要对表格进行编辑,删除功能,类似如下
附上HTML代码:
我的需求是取点击编辑,取得是name=“model”这个td的内容,之前我的做法直接将此td加个ID=model,然后使用 document.getElementById(“model”)。innerHTML的方法取值,发现无论点击表格哪行的编辑栏,发现打印的都是第一行的值,即
后来 去网上百度了方法,都不行,比如(这个#ed是我为编辑所在的td的写的ID):
因为每行都是#ed,最后取得都是第一行的ed,所以取得值都是第一行的值(具体原因自行百度),改了好久,发现可以先取行数,在取行数的列,可以取值,直接上代码:
img是编辑所在的标签名,不懂的可以百度下srcElement,最后可以实现点击编辑取得对应行的第三列的值。希望我的方法可以对你们有帮助。