如何切换最接近元素的类

Question

我使用下面的代码点击.process类中的图像，然后单击带有.process的切换类的.process-info - 显示。

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