如何用循环简化含随机数字标识的重复jQuery函数？

当然可以简化，把这些无规律的数字存入数组，通过循环遍历复用逻辑即可避免重复代码。

简化后的代码如下：

$(function () {
  // 存入所有需要处理的后缀数字
  const suffixes = [1, 2, 5, 10, 15];
  
  suffixes.forEach(suffix => {
    const productId = $(`.amount_${suffix}`).attr('data-product_id');
    const $link = $(`#${productId}`).find('a').clone().text('');
    
    if ($link.length > 0) {
      $(`.col${suffix}`)
        .removeAttr("href")
        .removeClass("single")
        .wrap($link)
        .addClass("active");
    }
  });
});

代码说明： #

• 用数组suffixes统一管理所有目标后缀数字，不管数字有无规律，只需把需要处理的数值存入数组即可。
• 通过forEach循环遍历数组，每次迭代获取对应的后缀suffix，用字符串拼接生成选择器，复用相同的处理逻辑。
• 后续如果需要新增其他后缀，只需在数组中添加对应数字，无需重复编写整段处理代码，大幅提升维护效率。

内容的提问来源于stack exchange，提问作者Idka-80