使用jQuery操作带复选框表格：获取选中行指定td的ID并存储

核心问题点 #

1. 全局选择器导致判断错误：
   你使用$('td .scheduleMe').is(':checked')时，会匹配页面上所有.scheduleMe复选框，只要有一个被选中，所有循环的行都会执行push操作，无法精准判断当前行的复选框状态。

2. ID获取对象错误：
   循环中的$(this)指向<tr>元素，但你的ID属性是定义在每行的第一个<td>上，不是<tr>，所以$(this).attr("id")会返回undefined，无法拿到目标ID值。

3. 数据类型未转换：
   你期望数组是数字类型（[1,21,111]），但直接获取的ID是字符串，需要手动转换为数字。

修正后的代码 #

var SelectedItems = [];
var AutomationNames = []; // 用于存储automationName的数组

$('.btn1').on('click', function() {
  // 清空两个数组
  SelectedItems.length = 0;
  AutomationNames.length = 0;

  $('#flowtable tbody tr').each(function() {
    // 在当前行的上下文内查找复选框
    const $checkbox = $(this).find('.scheduleMe');
    if ($checkbox.is(':checked')) {
      // 获取当前行第一个td的ID并转为数字
      const id = parseInt($(this).find('td:first').attr('id'), 10);
      SelectedItems.push(id);
      
      // 获取当前行的automationName文本并去除首尾空格
      const name = $(this).find('.automationName').text().trim();
      AutomationNames.push(name);
    }
  });

  console.log('选中数量：' + SelectedItems.length);
  console.log('ID数组：', SelectedItems); // 输出 [1,21,111]（数字类型）
  console.log('自动化名称数组：', AutomationNames); // 输出 ["automation 1", "automation 21", "automation 111"]
});

代码说明 #

• 使用$(this).find('.scheduleMe')限制选择器范围，仅查找当前行内的复选框，确保判断逻辑准确。
• 通过$(this).find('td:first').attr('id')获取每行第一个<td>的ID，并用parseInt转为数字类型，满足你期望的数组格式。
• 新增AutomationNames数组，通过$(this).find('.automationName').text().trim()获取并清理自动化名称文本，存入数组。

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