首先在頁(yè)面引入jquery.js庫(kù)文件
取表格當(dāng)前行數(shù)據(jù)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>
說(shuō)明:list為后臺(tái)傳入,點(diǎn)擊編輯按鈕取得對(duì)應(yīng)按鈕行的值,效果圖如下:
聯(lián)系客服