如何使用Javascript实现点击div内某链接时禁用该div内其余链接

你现有代码的问题在于document.querySelector("#notify-div a")只会选中目标div内的第一个a标签，因此只能修改第一个链接的属性，无法覆盖全部链接。

你可以直接替换原有JS函数实现需求，修改后的代码如下：

function disableButton() {
  // 选中div内所有a标签
  const allLinks = document.querySelectorAll("#notify-div a");
  allLinks.forEach(link => {
    // 移除跳转属性
    link.removeAttribute("href");
    // 适配Bootstrap btn的禁用样式，不需要视觉变化可删除此行
    link.classList.add("disabled");
    // 彻底阻止所有点击事件触发
    link.style.pointerEvents = "none";
  });
}

原有HTML的onclick绑定不需要额外修改，替换JS函数后即可生效：点击任意链接后，Accept、Decline、Counter Offer三个链接都会失去点击跳转能力，同时视觉上呈现禁用状态。

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