jquery得到表格当前行数据

http://zhglhy.iteye.com/blog/688235

首先在页面引入jquery.js库文件

 

取表格当前行数据js代码：

 

Java代码  

1. $(function() {  
2.     
3.   $(".myclass").each(function(){  
4.        
5.       var tmp=$(this).children().eq(3);  
6.       var btn=tmp.children();  
7.         
8.       btn.bind("click",function(){  
9.   
10.        var id=btn.parent().parent().children("td").get(0).innerHTML;  
11.        var name=btn.parent().parent().children("td").get(1).innerHTML;  
12.        var age=btn.parent().parent().children("td").get(2).innerHTML;  
13.        alert("id="+id+"  name="+name+" age="+age);  
14.              
15.       });  
16.      
17.   });  
18.     
19.  });  

 

jsp代码：

Java代码  

1. <table border="1">  
2.  <thead>  
3.    <tr>  
4.    <th align="center"> id</th>  
5.    <th align="center">姓名</th>  
6.    <th align="center">年龄</th>  
7.    <th align="center">编辑</th>  
8.   </tr>  
9. </thead>  
10. <tbody>  
11.   <c:forEach items="${list}" var="t">  
12.    <tr class="myclass">  
13.      <td align="center">  
14.        <c:out value="${t.id}"></c:out>  
15.      </td>  
16.      <td align="center">  
17.        <c:out value="${t.name}"></c:out>  
18.      </td>  
19.      <td align="center">            
20.        <c:out value="${t.age}"></c:out>  
21.      </td>  
22.      <td align="center">  
23.        <button id="edit" >编辑</button>  
24.      </td>  
25.   </tr>  
26. </c:forEach>  
27. </tbody>  
28. </table>  

 说明：list为后台传入，点击编辑按钮取得对应按钮行的值，效果图如下：