Javascript 如何切换最近元素的类

我正在使用下面的代码单击.process类中的一个图像，当单击带有.process切换类的.process信息时——如图所示

这一准则有效；但是，它将切换进程类--为页面上的所有元素显示.process info类

我只希望单击元素来激活

$(document).ready(function(){

  $(".process .process--img").click(function(){
  $(".process .process--info").toggleClass("process--shown") 
});    
  $(".process .process--info").click(function(){
    $(".process .process--info").toggleClass("process--shown") 
  });    
});

---

使用

此

当前元素上下文遍历到公共父元素，然后使用

---

在click事件中，将选择器从$（“.process.process--info”）更改为$（此）有一个名为

最近的jQuery选择器

…显示相关html结构非常完美，非常感谢！如果单击某个元素并将其切换为从其他元素中删除，那么是否可以添加一个事件来删除Dom中显示的类（如果该类存在）

$(".process .process--img").click(function () {
    $(this).closest(".process").find(".process--info").toggleClass("process--shown")
});