如何将点击事件和 ID 分配给 twitter bootstrap 中的多个按钮？

Question

我目前有多个下拉按钮，用于需要绑定到 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 事件？

Answer 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 文档。