1

現在、onClickイベントに関連付ける必要があるいくつかのテーブル行に複数のドロップダウンボタンがあります。私が抱えている問題は、各ボタンから情報を取得することです。テストコードは次のようになります。

<table class="table table-bordered">
    <tbody>
    <tr>
      <td><img src="/photos/files/5/m/131309a4fb918110ed1061e90a715eca.jpeg"/></td><td><div class="btn-group">
      <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
      <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
      </ul>
    </div>
    </tr>
    <tr>
      <td><img src="/photos/files/5/m/b19102d8ba1158e2a139ffa84e8e8540.jpeg"/></td><td><div class="btn-group">
      <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
      <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
      </ul>
    </div></tr>    
    </tbody>
</table>

現在のJavaScript:

$('.btn').click(function(e) {
    e.preventDefault();
    ???
});

複数のボタンから各クリックイベントをキャプチャして処理するにはどうすればよいですか?各ボタンに一意のIDを追加する必要があると想定していますが、各ボタンアイテムのonclickイベントをキャプチャするにはどうすればよいですか?

4

1 に答える 1

1

this関数内で、原因のオブジェクトを参照するために使用できます。

     $(".btn").click(function () {
     //here you can check which button did it
              if ($(this).attr('class')=='icon-pencil')
                //do sth
              else 
      //do sth else
    });

jquery のドキュメントを確認してください。

于 2012-06-30T13:58:09.360 に答える