首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用jQuery获取表格中的单元格(<td>)x和y坐标?

要使用jQuery获取表格中单元格(<td>)的x和y坐标,您可以使用以下方法:

  1. 首先,确保已经在您的项目中包含了jQuery库。您可以通过在HTML文件中添加以下代码来实现:
代码语言:html<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
复制
  1. 接下来,您可以使用以下代码来获取表格中单元格(<td>)的x和y坐标:
代码语言:javascript
复制
$(document).ready(function() {
  $("table").on("click", "td", function() {
    var x = $(this).index() + 1; // 获取列索引(从1开始)
    var y = $(this).parent().index() + 1; // 获取行索引(从1开始)
    console.log("x坐标:" + x + ", y坐标:" + y);
  });
});

这段代码会在用户点击表格中的任意单元格时,输出该单元格的x和y坐标。请注意,这里我们使用了jQuery的.index()方法来获取单元格的列索引,以及.parent().index()方法来获取单元格所在行的索引。

如果您需要在其他事件中获取表格中单元格的x和y坐标,只需将上述代码中的"click"事件更改为您需要的事件即可。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券