javascript - jQueryでこれを短縮する方法は?

Question

以下の関数の自動メソッドをどのように作成しますか? 唯一の変更点は .eq() 部分です。何か案は？ありがとう！

$(".gomb").eq(0).click(function(){              
      $('.popup-overlay').eq(0).slideDown();
});

$(".gomb").eq(1).click(function(){              
      $('.popup-overlay').eq(1).slideDown();
});

$(".gomb").eq(2).click(function(){              
      $('.popup-overlay').eq(2).slideDown();
});

Answer 1

試す

$(".gomb").click(function(){              
      $('.popup-overlay').eq($(this).index(".gomb")).slideDown();
});

また

var $gombs = $(".gomb").click(function(){              
      $('.popup-overlay').eq($gombs.index(this)).slideDown();
});

Answer 2

これを試しましたか：

$(".gomb").click(function(){              
      $('.popup-overlay').eq($(this).index()).slideDown();
});

Answer 3

のようにしてみてください

$(".gomb:eq(0) , .gomb:eq(1) , .gomb:eq(2)").click(function(){              
  $('.popup-overlay').eq($(this).index()).slideDown();
});

これはインデックス0,1,2用です。すべてのインデックスが必要な場合は、次のように使用します

$(".gomb").click(function(){              
  $('.popup-overlay').eq($(this).index()).slideDown();
});

Answer 4

これは、最初の 3 つの「.gomb」要素のみがポップアップの slideDown をトリガーするように、コードとまったく同じようにする唯一のソリューションです。

$(document).ready(function() {
    for(var ii = 0; ii < 3; ii++) {
        $(".gomb").eq(ii).click(function(){              
              $('.popup-overlay').eq(ii).slideDown();
        });
    }
});

Answer 5

どうですか、

$(".gomb").click(function(e){              
      e.target.slideDown();
});

Answer 6

これはあなたのために働くかもしれません、

$(".gomb").click(function(){              
  $(this).slideDown();
});