点击表格获取表格行或列索引

最新推荐文章于 2022-09-29 09:58:04 发布

转载最新推荐文章于 2022-09-29 09:58:04 发布 · 1.2k 阅读

本文介绍如何使用jQuery在点击表格元素时获取当前点击行的行索引和列索引，提供了具体的代码示例。

参考ASP.NET MVC的视图：

此段html将产生一个表格table。

现在我们需要实现，点击表格时，获取点击行的索引或是所在行的列索引。

行索引：

 $('table tr').click(function () {
            var idx = $(this).index();
            alert(idx);
        });

Source Code

列索引：

$("table tr td").on("click", function () {
            var idx = $(this).index();
            alert(idx);
        });

Source Code

演示：

以下内容于2017-03-07 16:13分添加：
还可以使用下面jQuery代码，进行获取，仅多一些参考而已：

 $('table tr').on("click", 'td', function () {
            var tdidx = $(this).index();
            var tridx = $(this).closest('tr').index();
        });      


        $("table tr td").on("click", function () {
            var tdidx = $(this).index();
            var tridx = $(this).closest('tr').index();     
        });