获取表格一行的内容,主要可以用于修改表格内容的功能。此功能需要获取到表格内容,然后将内容填入修改页,利用前端直接获取内容,不用后台再次请求数据。
1.表格
<table> <tbody> <tr> <td> <input type="checkbox"> </td> <td>姓名</td> <td>性别</td> <td>年龄</td> <td>年级</td> </tr> <tr> <td> <input type="checkbox"> </td> <td>张三</td> <td>男</td> <td>10</td> <td>五年级</td> </tr> <tr> <td> <input type="checkbox"> </td> <td>李四</td> <td>男</td> <td>11</td> <td>六年级</td> </tr> </tbody> </table>
2.利用jQuery获取表格内容:(用checkbox作为监听事件,点击checkbox后获取到该checkbox的父级(td)的父级(tr)的孩子(所有的td))
$(function () { $("input[type=checkbox]").on("click",this,function () { if(this.checked){ alert($(this).parent().parent().children().text()); console.log($(this).parent().parent().children().text()); } }) })
3.结果展示: