为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
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();             });

Source Code

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
64
获赞与收藏
367

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消