6

37 個のリンクと 37 個の非表示の div とテキストを含むリストがあります。カウンターは 3 で始まり、40 で終わります。私がやりたいことは、リンクをクリックしたときに div を表示し、他のすべての div も非表示にすることです。

リンクは次のようになります。

<a href="#" rel="week_3">Week 3</a>
<a href="#" rel="week_4">Week 4</a>

div は次のようになります。

<div id="week_3" style="display: none">[...]</div>
<div id="week_4" style="display: none">[...]</div>

jQueryを使用してこのタスクを実行したいと思います。どうすればよいかわからないのは、ループを作成して、それらのリンクのいずれかがクリックされたかどうかを確認することです。

4

6 に答える 6

1 
$( "a" ).each(function( index ) {
  var id = $(this).attr('rel');
  $('.data').hide();
  $('#'+id).show();
});
于 2013-08-05T10:15:19.047 に答える