前端获取表格中一行内容

来源：互联网发布：故障树分析软件编辑：程序博客网时间：2024/05/16 07:08

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

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

1 0