最近做项目,需要获取每一行td的值,于是我就总结了一下获取td值的方法。分别用jquery和javascript来获取
第一种:javascript
var otable = document.getElementById("tablee");
/*
event 事件
srcElement button
parentElement 上1层td
parentElement 上1层tr
rowIndex tr的rowIndex
*/
js代码:
var tr=event.srcElement.parentElement.parentElement.rowIndex;//获取每一行的索引
var td=event.srcElement.parentElement.parentElement.cells[0].innerText;//获取tr下第一个td的值
第二种方法: jquery
就是用到jquery的each方法 这种方法网上有很多在这里就不说明了,如果有不知道的可以给我留言。。
<table id="tablee">
<tr>
<td>名字</td>
<td>密码</td>
<td>性别</td>
<td> 操作</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
</tr>
</table>
分享到:
相关推荐
使用javascript来获取table中某个td的值,这样可以动态设置td的属性
js获取table 中 tr td的值的实例,有需要的朋友可以下下来参考
jQuery获取table下某一行某一列的值实现代码 最近需要获取到某个table下每一行某一列的值,用jQuery做了一会儿,过程如下,仅供参考: <table name=info><tr><td>lily<span>okok</span></td></tr><tr><td>18</td...
通过js获取table中当前选择的一行的行号,获取当前行号后可以进行对应的操作
主要介绍了JS选中checkbox后获取table内一行TD所有数据的方法,涉及javascript针对table元素遍历与获取的技巧,需要的朋友可以参考下
/* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...
方法一: 根据table的id属性和table中的某一个元素定位其在table中的位置 table包括表头,位置坐标都是从1开始算 ... # 按行查询表格的数据,取出的数据是一整行,按空格分隔每一列的数据 table_tr_list = d
<table id=tb1 width=200 border=1 cellpadding=4 cellspacing=0> ... <td height=25>第一行</td> <td height=25>第二行</td> <td height=25>第三行</td> <td height=25>第四行</td> <td
该源码实现了如果table中第一列为多选文本框,要获取选中某几列后获取选中行后面的单元格td中的内容!
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
一般来说透明的属性值是"transparent",但在chrome里却是"rgba(0, 0, 0, 0)",所以用了一个属性来保存透明值: this._transparent = isChrome ? "rgba(0, 0, 0, 0)" : "transparent"; 并在GetBgColor获取背景色...
实现的思路大同小异,在columns中插入Input,很简单的,直接render中返回就好,只是中间遇到小插曲,改变一个input的值所有的都跟着改变,原来是都定义成了同一个变量,后来家里一个动态的后缀。具体代码见贴图 ...
主要介绍了vue中获取滚动table的可视页面宽度,调整表头与列对齐(每列宽度不都相同),需要的朋友可以参考下
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
$(“#thetable tr”).each(function(){ var chk=$(this).find(‘td’).eq(0).find(‘input’); if(chk.attr(“checked”)==”checked”){ fkfs+=chk.val()+”,”; var zh=$(this).find(‘td’).eq(3).find(‘select...
初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr绑定双击事件,然后获取Index,再从数据集里面取出行数据; done: function(res, curr, count){ $('#div').find('.layui-table-...
<td align=center bgcolor=#FFFFFF>第一列</td> <td align=center bgcolor=#FFFFFF>第二列</td> <?php $setarr = array(0,1,2,3,4,5,6,7,8,9); //相当于数据库获取的数组 $i=0; foreach($setarr as $...
如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: <table width=100% border=1 cellspacing=0 cellpadding=0 id=example_table> <td> </td> <td> </td> <td> </td> <td> </...