removeClass与addClass失效：点击Div切换黑色边框功能异常

看起来你已经找对方向啦！核心就是要做单选式的状态切换——每次点击只有当前目标Div保留黑色边框，之前选中的Div要移除这个样式。我帮你把代码补全并优化，解决可能遇到的小问题：

首先先确保你的CSS里已经定义了高亮类的样式：

.clickedDiv {
  border: 2px solid black; /* 可以根据需求调整边框粗细、样式 */
}

完整jQuery实现方案 #

你的代码已经有了阻止右键菜单、切换类的思路，我补全并优化了细节（比如处理点击Div内部子元素的情况）：

var addDiv = document.getElementById("addDiv");
addDiv.addEventListener("contextmenu", function(event) {
  event.preventDefault(); // 阻止默认右键菜单弹出
  
  // 找到真正的目标Div：如果点击的是Div内部的子元素，用closest找到最近的带.context_menu类的父Div
  const targetDiv = $(event.target).closest('.context_menu');
  
  if (targetDiv.length) {
    // 先全局移除所有已选中Div的高亮类
    $('.clickedDiv').removeClass('clickedDiv');
    // 给当前点击的Div添加高亮类
    targetDiv.addClass('clickedDiv');
  }
});

关键细节说明 #

• closest('.context_menu')：解决了一个常见坑——如果你的Div内部有其他子元素（比如span、p），点击子元素时event.target会是子元素而不是Div本身，用这个方法能确保我们选中的是目标Div。
• 全局移除clickedDiv类：不管你的Div是不是兄弟关系（比如嵌套在不同父容器里），都能把之前选中的Div的边框去掉，比只操作兄弟元素更通用。

如果你的Div都是兄弟元素，也可以这么写 #

如果所有可点击的Div都在同一个父容器下，用siblings()也能实现，代码更简洁：

var addDiv = document.getElementById("addDiv");
addDiv.addEventListener("contextmenu", function(event) {
  event.preventDefault();
  const targetDiv = $(event.target).closest('.context_menu');
  
  if (targetDiv.hasClass('context_menu')) {
    // 移除所有兄弟元素的高亮类
    targetDiv.siblings('.clickedDiv').removeClass('clickedDiv');
    // 给当前Div加高亮
    targetDiv.addClass('clickedDiv');
  }
});

原生JS版本（不用jQuery） #

如果你不想依赖jQuery，也可以用原生JS实现同样的效果：

var addDiv = document.getElementById("addDiv");
addDiv.addEventListener("contextmenu", function(event) {
  event.preventDefault();
  
  // 向上遍历找到带.context_menu类的目标Div
  let targetDiv = event.target;
  while (targetDiv && !targetDiv.classList.contains('context_menu')) {
    targetDiv = targetDiv.parentElement;
  }
  if (!targetDiv) return;
  
  // 移除所有已选中Div的高亮类
  document.querySelectorAll('.clickedDiv').forEach(el => {
    el.classList.remove('clickedDiv');
  });
  // 给当前Div添加高亮类
  targetDiv.classList.add('clickedDiv');
});

最后别忘了确认：所有需要点击的Div都加上了.context_menu类，这样代码才能正确识别它们哦！

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