首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

获取table上每一行td的值

2012-11-23 
获取table下每一行td的值最近做项目,需要获取每一行td的值,于是我就总结了一下获取td值的方法。分别用jquer

获取table下每一行td的值
最近做项目,需要获取每一行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>

热点排行