前端获取表格中一行内容

获取表格一行的内容，主要可以用于修改表格内容的功能。此功能需要获取到表格内容，然后将内容填入修改页，利用前端直接获取内容，不用后台再次请求数据。

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.结果展示：