如何合并forEach中操作表格单元格的三条重复jQuery语句？

原合并写法不生效的原因 #

你的合并写法无法生效存在两个核心问题：

• jQuery的.children()方法不支持传入选择器数组作为参数，无法匹配到你指定的3个td元素
• .text()方法传入数组时不会按索引对应给多个元素分别赋值，会直接将数组转为字符串后统一赋值给所有匹配的元素

可行的优化方案 #

方案1：缓存行元素（更推荐，可读性更高） #

只查询一次DOM获取目标行元素，后续直接复用该对象操作单元格，避免重复查询DOM损耗性能：

replaceData.forEach((item, i) => {
  // 缓存当前行jQuery对象，仅查询一次DOM
  const $targetTr = $(`.tableData tbody tr:eq(${item.index})`);
  $targetTr.children('td:eq(6)').text(values[i] ?? '-');
  $targetTr.children('td:eq(7)').text(reason[i]);
  $targetTr.children('td:eq(8)').text(notes[i] ?? '-');
});

注：代码中使用的??是空值合并运算符，和你原逻辑中的=== null ? '-' : xxx判断效果完全一致，写法更简洁。

方案2：纯链式单条调用 #

如果你需要完全合并为单条链式语句，可以配合.eq()定位单元格+.end()回退元素集合实现：

replaceData.forEach((item, i) => {
  $(`.tableData tbody tr:eq(${item.index})`)
    .children('td').eq(6).text(values[i] ?? '-').end()
    .eq(7).text(reason[i]).end()
    .eq(8).text(notes[i] ?? '-');
});

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