首先在頁面引入jquery.js庫文件

?

取表格當前行數據js代碼：

?

    $(function() {
  
  $(".myclass").each(function(){
     
      var tmp=$(this).children().eq(3);
      var btn=tmp.children();
      
      btn.bind("click",function(){

       var id=btn.parent().parent().children("td").get(0).innerHTML;
       var name=btn.parent().parent().children("td").get(1).innerHTML;
       var age=btn.parent().parent().children("td").get(2).innerHTML;
       alert("id="+id+"  name="+name+" age="+age);
           
      });
   
  });
  
 });

  

?

jsp代碼：

    <table border="1">
 <thead>
   <tr>
   <th align="center"> id</th>
   <th align="center">姓名</th>
   <th align="center">年齡</th>
   <th align="center">編輯</th>
  </tr>
</thead>
<tbody>
  <c:forEach items="${list}" var="t">
   <tr class="myclass">
     <td align="center">
       <c:out value="${t.id}"></c:out>
     </td>
     <td align="center">
       <c:out value="${t.name}"></c:out>
     </td>
     <td align="center">			
       <c:out value="${t.age}"></c:out>
     </td>
     <td align="center">
       <button id="edit" >編輯</button>
     </td>
  </tr>
</c:forEach>
</tbody>
</table>
  

?說明：list為后臺傳入，點擊編輯按鈕取得對應按鈕行的值，效果圖如下：

jquery得到表格當前行數據