0

次のような20のdivがあるとします:

   <div id="b1"></div>
   <div id="b2"></div>
   <div id="b3"></div>
   <div id="b4"></div>
...  

と 20 入力:

<inpute id="in1"></inpute>
<inpute id="in2"></inpute>
<inpute id="in3"></inpute>
<inpute id="in4"></inpute>
...  

今、私はこのようなことをしたい:

  $('#b1').click(function(){
    $('#in1').fadeIn();
  });
  $('#b2').click(function(){
    $('#in2').fadeIn();
  });
....

そのため、各 div は対応する入力をフェードする必要があります。コードを繰り返す必要があります。対応する要素を動的に選択する方法はありますか? 1つの機能が欲しい

編集

クラスを使用する必要があるようです。このようなものによって:

$(this).index()

クリックされたもののインデックスを取得できます。だから私のコード:

$('.b').click(function(){
    $('.in('+ $(this).index() +')').FadeIn();
});
4

2 に答える 2