点击为card-back元素添加flipped类实现卡片翻转的问题求助

问题根源分析 #

你的代码存在两个关键错误：

• 混用jQuery与原生DOM API：$(event.currentTarget)是jQuery封装的对象，原生classList属性仅存在于真实DOM元素上，两者无法直接搭配使用。
• 中文引号语法错误：代码里的“”是中文引号，JavaScript无法识别，必须替换为英文引号""或''。

修正后的代码方案 #

方案1：使用jQuery原生方法（推荐，保持代码风格统一）

const flipCard = () => {
  $(".card-back").on("click", (event) => {
    $(event.currentTarget).addClass("flipped");
  });
};
flipCard();

方案2：直接使用原生DOM元素操作

event.currentTarget本身就是原生DOM元素，无需再用jQuery包裹：

const flipCard = () => {
  $(".card-back").on("click", (event) => {
    event.currentTarget.classList.add("flipped");
  });
};
flipCard();

额外注意事项 #

确保页面已正确引入jQuery库，否则所有基于jQuery的事件绑定和DOM操作都会失效。

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