点击按钮时重新加载表格数据至数组的jQuery技术问题

没问题，我来帮你搞定这个需求——把获取表格数据的逻辑抽成独立可复用的函数，就能轻松实现点击按钮刷新数组的功能了。下面是具体实现步骤：

1. 定义全局存储数组和刷新函数 #

先声明一个全局变量用来存储表格数据，再写一个专门的函数遍历表格、收集最新数据：

// 全局变量，用来存储表格数据
let tableData = [];

// 刷新表格数据的核心函数
function refreshTableData() {
  // 先清空旧数据，避免数据累积
  tableData = [];

  // 遍历表格的每一行（跳过表头那一行）
  $('#MainContent_gvKarakteristike tbody tr:not(:first)').each(function() {
    const $currentRow = $(this);

    // 提取每一行的三个关键数据：特征名称、ID、当前输入值
    const characteristic = $currentRow.find('td:first span').text().trim();
    const characteristicId = $currentRow.find('.IDKarakteristike').text().trim();
    
    // 找到第三列中可见的输入控件（文本框或下拉框），获取它的值
    let inputValue = '';
    const $visibleControl = $currentRow.find('td:last :visible');
    if ($visibleControl.is('input[type="text"]')) {
      inputValue = $visibleControl.val().trim();
    } else if ($visibleControl.is('select')) {
      // 如果需要下拉框的显示文本而非value值，就替换成 $visibleControl.find('option:selected').text().trim()
      inputValue = $visibleControl.val().trim();
    }

    // 将当前行数据加入数组
    tableData.push({
      characteristic: characteristic,
      id: characteristicId,
      value: inputValue
    });
  });

  // 可选：在控制台打印刷新后的数据，方便调试
  console.log('最新表格数据:', tableData);
}

2. 绑定页面初始化和按钮点击事件 #

接下来在页面加载时初始化数据，同时给按钮绑定点击事件触发刷新：

$(document).ready(function() {
  // 页面加载完成后，先初始化一次数据
  refreshTableData();

  // 给刷新按钮绑定点击事件（这里假设你的按钮ID是"refreshBtn"，记得改成你实际的按钮ID）
  $('#refreshBtn').click(function() {
    refreshTableData();
    // 可选：添加提示，让用户知道数据已刷新
    alert('表格数据已更新！');
  });
});

关键细节说明 #

• 跳过表头行：用tr:not(:first)排除了第一行的表头，只遍历实际的数据行
• 处理可见控件：表格第三列中，文本框和下拉框是互斥显示的，所以用:visible筛选当前激活的控件，确保拿到的是用户最新输入/选择的值
• 函数复用：把数据获取逻辑封装成函数后，不管是初始化还是刷新，都只需要调用这一个函数，代码更简洁也更容易维护

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