Jquery点击表格行获取当前行数据

最新推荐文章于 2021-01-28 11:42:43 发布

原创最新推荐文章于 2021-01-28 11:42:43 发布 · 8.4k 阅读

16 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的表格点击事件，当用户点击表格中的任意一行时，会触发一个函数来收集被点击行的所有数据，并将这些数据显示出来。此功能常见于需要从表格中快速获取并操作数据的应用场景。

table的id为main

//点击表格行获取该行所有数据
        $("#main tbody").on("click", "tr", function () {
            var data = new Array();
            var td = $(this).find("td");
            for (var i = 0; i < td.length; i++) {
                data.push(td.eq(i).text());
            }
            alert(data);
        });