获取table下每一行td的值

boss5518831534

最近做项目，需要获取每一行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="删除"  /></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td> <input type="button" value="删除"  /></td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td> <input type="button" value="删除"  /></td>
</tr>

</table>