关于获取table选中行的随笔

来源:互联网 发布:江苏教育网络培训平台 编辑:程序博客网 时间:2024/06/04 19:29

说到 获取table里面选中行的信息,百度下也是能搜到不少方法的,这里也是在自己实际运用后的一点心得
在通过ajax动态加载完表格后,一些删除修改表格数据的功能是或多或少存在的。当然了,现在有很多框架可以很轻松的实现这点,
诸如我所运用过的easyui、dataTables表格插件就比较便捷,只需要加上一个类似于 $table.datagrid(‘getSelected’)之类的即可。

本次是算原生代码写的吧。

刚开始、我并不知道table所自带的这些可以获取行值的方法,我是取巧的方式
如图
这里写图片描述
这样,我可以通过判断sel与num来开始修改,
这里写图片描述

但这样之后,我发现自己并不能获得自己所选中行的信息,我百度之后发现table有rows/cells,行和列两个属性,
刚开始我想直接用jquery ,$(“tr.selected”).cells[0].html()方法,然而报错。。。尴尬,猜想着应该是jquery并不支持
这种js方法,
于是我想通过for循环table.rows[i].cells[j].innerHTML;这种方法获得,
这里写图片描述

成功取得数据;
后来我又看到了jquery的一个find方法,因为用的不多,一下子没弄懂这属性,明白后,直接替换
这里写图片描述
成功获得。
以上就是我对于获取table中选中行的一点小见解,在此想将它写出来,谢谢!

0 0
原创粉丝点击