用forEach 编写多个方法选项卡代码

我可以回答这个问题。使用forEach编写多个方法选项卡代码可以按照以下步骤进行：

1. 获取所有选项卡元素，可以使用document.querySelectorAll方法。
2. 使用forEach方法遍历所有选项卡元素，为每个选项卡元素添加点击事件监听器。
3. 在点击事件监听器中，先移除所有选项卡的active类名，再为当前选项卡添加active类名。
4. 获取所有选项卡内容元素，可以使用document.querySelectorAll方法。
5. 使用forEach方法遍历所有选项卡内容元素，为每个选项卡内容元素添加隐藏类名。
6. 在点击事件监听器中，根据当前选项卡的索引值，找到对应的选项卡内容元素，并移除隐藏类名。

示例代码如下：

const tabs = document.querySelectorAll('.tab');
const tabContents = document.querySelectorAll('.tab-content');

tabs.forEach((tab, index) => {
  tab.addEventListener('click', () => {
    tabs.forEach(tab => tab.classList.remove('active'));
    tab.classList.add('active');
    tabContents.forEach(content => content.classList.add('hidden'));
    tabContents[index].classList.remove('hidden');
  });
});