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

首先在頁面引入jquery.js庫檔案

取表格當前行資料js程式碼：

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

jsp程式碼：

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為後臺傳入，點選編輯按鈕取得對應按鈕行的值，效果圖如下：