如何切换最近元素的类

Question

我正在使用以下代码单击 .process 类中的图像，并在单击 .process-info 时使用 .process--shown 切换类。

此代码有效；但是，它会切换进程类——显示在页面上所有元素的类 .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") 
  });    
});

Answer 1

使用this 当前元素上下文使用.closest() 遍历到公共父元素，然后使用.find()

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