如何移除以字母z后跟数字开头的HTML属性？代码报错排查

原代码的核心问题 #

1. 正则表达式错误

   • 你用了new RegExp(/z{1}(\d{0,})\w+/)，属于重复构造正则（正则字面量本身就是正则对象，没必要套RegExp构造函数）。
   • 正则逻辑完全偏离需求：\d{0,}允许0个数字，\w+会匹配字母/数字/下划线，会误匹配zabc这类不符合z#格式的属性；同时没有限制匹配整个属性名，可能只匹配属性名的一部分。
   • 正确正则应为/^z\d+$/：^和$确保匹配整个属性名，z开头，后面跟一个或多个数字。

2. removeAttr回调逻辑错误

   • 回调里的this是DOM元素，不是字符串，DOM元素没有match方法，直接调用会抛出错误。
   • removeAttr的回调需要返回要移除的属性名（多个用空格分隔），原代码的返回逻辑完全不成立。

3. 属性遍历方式错误

   • 没有正确获取元素的所有属性，无法筛选出符合条件的目标属性。

修正后的代码 #

$("#main article").each(function() {
  // 获取当前元素的所有属性集合
  const attrs = this.attributes;
  // 筛选出符合z+数字格式的属性名
  const attrsToRemove = Array.from(attrs)
    .map(attr => attr.name)
    .filter(name => /^z\d+$/.test(name));
  
  // 批量移除目标属性
  $(this).removeAttr(attrsToRemove.join(' '));
});

代码说明 #

• 用this.attributes获取DOM元素的所有属性，转成数组后遍历处理。
• 用/^z\d+$/.test(name)精准匹配属性名：必须是z开头，后面全为数字，无其他字符。
• 将需要移除的属性名用空格拼接后传入removeAttr，实现批量移除。

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