被点击的特定类的 jquery 调用函数

Question

html:

 <div class="a">

   <div class="g"></div>
   <a class="e">Link</a>

  <div class="g"></div>
   <a class="e">Link</a>

</div>

每当我点击链接时，我想隐藏类为“g”的div。仅该特定链接。假设如果我单击第一个链接，则应仅隐藏类为“g”的第一个div。现在我要做什么已经完成的事情就在这里。

Jquery:

    $('.e').click(function(){
               c();
       });

    function c(){
          $(.g).hide();
      }

但这隐藏了类“g”的所有元素。

类为“g”的div和链接都是由用户动态生成的，我不知道用户可以生成多少个。

Answer 1

当前您正在调用 $('.g').hide() ，它会选择所有以 g 为类的元素并将其全部隐藏。

而是使用 prev() 来选择要隐藏的元素

       $('.e').click(function(){
              jQuery(this).prev().hide();
       });

Demo

根据评论更新:

您可以使用此代码:

$('.e').click(function(){
              c(this);
       });

function c(element){
          $(element).prev().hide();
      }

Live Demo