如何禁用循环中未点击的href？

var links = document.querySelectorAll('a');
links.forEach(function(link) {
  link.addEventListener('click', function(e) {
    e.preventDefault(); // 阻止默认跳转行为
    this.removeAttribute('href'); // 移除href属性
  });
});

<style>
  .disabled-link {
    pointer-events: none; /* 禁用链接的点击事件 */
    opacity: 0.5; /* 设置链接的透明度 */
    cursor: default; /* 修改鼠标样式为默认 */
  }
</style>

<script>
  var links = document.querySelectorAll('a');
  links.forEach(function(link) {
    link.classList.add('disabled-link'); // 添加class来标记未点击的链接
    link.addEventListener('click', function(e) {
      e.preventDefault(); // 阻止默认跳转行为
      this.classList.remove('disabled-link'); // 移除禁用链接的class
    });
  });
</script>