js获取table的某个单元格的数据

对于动态的table 表
直接上例子

 <table class="table table-striped table-hover" id = "test"><tr><th>#</th><th>姓名</th><th>学历</th><th>工作地</th><th>手机</th><th>邮箱</th><th>操作</th></tr><tr v-for="(box,index) in boxs" class="" :class="box.state"><td>{{index}}</td><td>{{box.name}}</td><td>{{box.graduation}}</td><td>{{box.city}}</td><td>{{box.mobile}}</td><td>{{box.email}}</td><td><button id="posReview" type="button" class="btn btn-info btn-sm"><a v-bind:href="'http://127.0.0.1:8080/position1/'+box.id"> 查看</a> </button><button id="posRemove" type="button" class="btn btn-danger btn-sm"onclick="posRemove(this)">拒绝</button></td></tr></table>

如果想要获取某一行的具体单元格

function posRemove(obj){function getRowObj(obj){var i = 0;while(obj.tagName.toLowerCase() != "tr"){obj = obj.parentNode;if(obj.tagName.toLowerCase() == "table")return null;}return obj;}var trObj = getRowObj(obj);var trArr = trObj.parentNode.children;var trNo;for( trNo= 0; trNo < trArr.length; trNo++){if(trObj == trObj.parentNode.children[trNo]){console.log(trNo+1);var x=document.getElementById('test').rows[trNo].cells;console.log(x[0].innerHTML)}}}

弄了一晚上，终于弄出来了哎

js获取table的某个单元格的数据相关推荐

html如何取单元格内容,JS获取表格内指定单元格html内容的方法
JS获取表格内指定单元格html内容的方法本文实例讲述了JS获取表格内指定单元格html内容的方法.分享给大家供大家参考.具体如下: 下面的代码先通过表格对象的rows获得指定的行的所有单元格数组, ...
html 拖拽选择表格,JS拖动选择table里的单元格完整实例【基于jQuery】
本文实例讲述了JS拖动选择table里的单元格.分享给大家供大家参考,具体如下: 用JS 实现类似Excel里面动态选择单元格的例子,从网上得到的例子,先记录在这里,以后参考用. www.jb51.n ...
layui table 可编辑单元格 JS实现通过键盘上下左右键光标焦点移动到旁边的编辑行/列
layui table 可编辑单元格 JS实现通过键盘上下左右键光标焦点移动到旁边的编辑行/列类似效果上下左右键实现的代码 layui.config({base: '/static/layuia ...
Element table各种合并单元格
一.表头合并列这是官网合并列效果,可是,并不适用于只有一级表头的,官方文档并未发现直接实现属性一级表头合并实现方式:给table加 header-cell-style,代码如下 <el-ta ...
CSS设置表格行列,给bootstrap table设置行列单元格样式
1.根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式 columns: [{ field: 'index', title: '序号', align:"center" ...
html table转excel单元格带背景颜色
html table转excel单元格带背景颜色在浏览器端将html的table转成Excel,可以参考下面的库 https://github.com/JackGit/table2excel.js ...
layui table设置表格单元格换行，固定列高度改变
layui table设置表格单元格换行 css /** 控制表格单元格换行 **/ .layui-table-cell {height: auto;word-break: normal;displa ...
Ant Design Vue Table 组件合并单元格
Ant Design Vue Table 组件合并单元格项目开发中,有时候需要实现单元格合并的需求,这里记录一下在Ant Design Vue的实现. <template><div ...
rowspan table布局_css如何实现table表格的单元格合并？colspan和rowspan合并单元格（实例）...
在前端开发中,html 表单是经常被使用到的,表单可以直观的把信息展现出来,有很好的交互功能:在表单中可以把同一类的信息合并在一起显示,这就需要把同一类的单元格合并在一起,那么怎样才能用css合并单元 ...

js获取table的某个单元格的数据

js获取table的某个单元格的数据相关推荐

最新文章

热门文章