关于jQuery split()方法：表格复选框对应row与col变量取值疑问

嘿，我来帮你拆解这段和表格复选框相关的代码，搞清楚row和col到底对应什么值～

代码逐行解释 #

首先看这段代码：

var row = $(this).prop('id').split('_')[1]; 
var col = $(this).prop('id').split('_')[2];

1. $(this)：这里的this指代你当前点击/操作的那个表格复选框元素，$(this)是把它转换成jQuery对象，方便调用后续方法。
2. .prop('id')：获取这个复选框元素的id属性值——这是关键，你的复选框id肯定是按前缀_行号_列号的格式命名的（比如cb_2_4、checkbox_1_3这类）。
3. .split('_')：把获取到的id字符串按下划线_分割成一个数组。举个实际例子：
   • 如果复选框id是checkbox_3_5，分割后得到的数组是：['checkbox', '3', '5']
   • 如果id是cb_0_2，分割后数组是：['cb', '0', '2']
4. [1]和[2]：数组的索引是从0开始计数的，所以：
   • [1]对应数组的第二个元素，也就是行号，赋值给row变量
   • [2]对应数组的第三个元素，也就是列号，赋值给col变量

总结 #

简单说，这段代码就是从复选框的id里提取出它所在表格的行号和列号，后续你可以用这两个值定位到表格里的对应单元格，做选中、赋值之类的操作～

内容的提问来源于stack exchange，提问作者Adrian Parejo