要使用jQuery获取表格中单元格(<td>)的x和y坐标,您可以使用以下方法:
$(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"
事件更改为您需要的事件即可。
是HTML表格最基本的3个标签,其他标题标签可以没有,但是这3者必须要有。 | 03 【HTML】HTML 表格 ③ ( 合并单元格 | 跨行合并 | 跨列合并 | 单元格合并顺序 | 跨行设置 rowspan 属性 | 跨列设置 colspan 属性 ) 单元格标签 中 使用 rowspan 属性 , 设置跨行合并单元格数 ;
跨列合并 : 水平方向上的 左右 单元格合并 是 跨列合并 , 在 | 单元格标签中 使用 colspan 属性 , 设置 | 02 html表格菜鸟教程_exls表格
|