0

この html の場合:

<a href="#" id="link-23">User 23</a>
<a href="#" id="link-24">User 24</a>

<div id="user-23">Bob</div>
<div id="user-24">Tim</div>

クリックさdiv#user-23れたときの可視性を切り替えるスクリプトを（jqueryを使用して）作成する方法を見つけようとしていますか？a#link-23

注: Rails でコーディングしており、上記のコードはスクリプトの html 出力です。スクリプトでイテレータを使用して、これらの div とリンクを作成しています。

4

3 に答える 3

2 
$('a').click(function(e){
   e.preventDefault();
   var n = this.id.match(/\d+/g).join('');
   $('#user-' + n).toggle(); 
})

http://jsfiddle.net/kEP4d/

于 2012-11-28T20:28:50.513 に答える
1

これはそれを行う必要があります：

$("a[id^='link']").each(function() {
      $(this).click(function() {
          var idnum=$(this).attr("id").replace("link-", "");
          $("div#user-"+idnum).toggle();
      });
  });

JSフィドル

于 2012-11-28T20:45:51.383 に答える