如何用jQuery获取表格中td元素的ID并存入数组？

嘿，这事儿很容易搞定，我给你分享几种原生JavaScript的实现方式，完全能达到你手动创建数组的效果：

方法一：简洁的数组映射法 #

利用querySelectorAll获取所有TD元素，再通过数组方法快速转换：

// 一行代码搞定：获取所有td → 转成数组 → 提取id并转为数字
var data = Array.from(document.querySelectorAll('td')).map(td => parseInt(td.id, 10));

如果需要兼容不支持箭头函数的旧版浏览器，改成普通函数写法即可：

var data = Array.from(document.querySelectorAll('td')).map(function(td) {
  return parseInt(td.id, 10);
});

方法二：传统循环遍历法 #

如果你更习惯用循环的方式，这种写法兼容性拉满：

var data = [];
// 获取页面上所有td元素的集合
var tdElements = document.getElementsByTagName('td');

// 遍历每个td元素，提取id转数字后存入数组
for (var i = 0; i < tdElements.length; i++) {
  data.push(parseInt(tdElements[i].id, 10));
}

关键说明 #

• 一定要用parseInt(td.id, 10)把ID字符串转成数字，不然数组里会存的是"-8"这类字符串，和你手动push的数字类型不一致。
• 如果你的目标TD是在某个特定容器内（比如某个table里），可以把选择器改得更精准，比如document.querySelectorAll('#target-table td')，避免误取页面上其他无关的TD元素。

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