次のような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();
});