javascript - 如何检测点击了哪个删除按钮？

Question

我在我的网站上使用 Semantic-UI。我有包含数据的表格，每行都有删除按钮。单击按钮时，将显示模态。模态有两个按钮，取消或确认。当我单击确认时，我想从数据库中删除行。但我如何检测点击了哪个按钮？

HTML 中的表格:

<tr>
   <td>Name</td>
   <td>      
      <button id='1' class="delete button"></button>
   </td>
</tr>
<tr>
   <td>Name2</td>
   <td>      
      <button id='2' class="delete button"></button>
   </td>
</tr>

当我单击表中的删除按钮时，将显示 javascript 模式。模态 JavaScript

$('#removeAcredicationModal')
                .modal({
                    transition       : 'vertical flip',
                    mobileTransition : 'horizontal flip',
                    closable         : false,
                    approve          : '.submit, .approve',
                    deny             : '.cancel'
                    }
                })
                .modal('attach events', '.delete', 'show')
            ;

模态 HTML

<div id="removeAcredicationModal" class="ui small modal">
   <div class="ui approve submit green labeled icon button">
      <i class="checkmark icon"></i>
      Delete
   </div>
   <div class="ui cancel red labeled icon button">
      <i class="remove icon"></i>
      Cancel
   </div>
</div>

在确认按钮上单击我想从数据库中删除项目

function doDelete(){
    var idOfRowToDelete = "??";
    //How to get the ID placed in table?
    //Using controller, etc...
};

有什么想法如何在 toDelete 函数中从表中获取 ID 吗？

Answer 1

使用e.target.id

$('button').click(function(e)
{
    alert(e.target.id);
   e.preventDefault(); 
});

http://jsfiddle.net/38h1ub4j/