Javascript 我想在点击的范围内添加课程

$(".bay-btn").click(function (e) { 
        e.preventDefault();
        $(".bay-btn").addClass('bay-btn-clicked');
    });

        <div class="type1 types">
            <div class="img-con"><img src="/src/shop/imgs/black-sh.jfif" alt=""></div>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius esse consequatur magnam exercitationem quisquam.</p>
            <span class="cost">10$</span>
            <span class="bay-btn">Bay</span>
        </div>
        <div class="type2 types">
            <div class="img-con"><img src="/src/shop/imgs/red-sh.jfif" alt=""></div>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius esse consequatur magnam exercitationem quisquam.</p>
            <span class="cost">10$</span>
            <span class="bay-btn">Bay</span>
        </div>

$(".pay-btn").click(function (e) { 
  e.preventDefault();
  // Use 'this' to target the clicked element
  $(this).addClass('bay-btn-clicked');
});

Javascript相关问答推荐

React：未调用useState变量在调试器的事件处理程序中不可用

如何才能拥有在jQuery终端中执行命令的链接？

Plotly热图：在矩形上zoom 后将zoom 区域居中

为什么我的列表直到下一次提交才更新值/onChange

配置WebAssembly/Emscripten本地生成问题

在open shadow—root中匹配时，使用jQuery删除一个封闭的div类

在JS中拖放：检测文件

如何迭代叔父元素的子HTML元素

NG/Express API路由处理程序停止工作

Reaction组件在本应被设置隐藏时仍显示

使用NextJS+MongoDB+Prisma ORM获取无效请求正文，无法发布错误

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

将多个文本框中的输出合并到一个文本框中

Django导入问题，无法导入我的应用程序，但我已在设置中安装了它

Socket.IO在刷新页面时执行函数两次

如果我将高度设置为其内容的100%，则在Java脚本中拖动以调整面板大小时会冻结

如何在Java脚本中添加一个可以在另一个面板中垂直调整大小的面板？

Playwright：ReferenceError：browserContext未定义

元素类型无效：应为字符串(对于内置组件)或类/函数(对于复合组件)，但GET：Object.在Reaction项目中

我在JS代码中收到超过最大调用堆栈大小的错误，但我找不到原因.有谁能帮我搬一下吗？