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

Question

即时通讯使用Semantic-UI为我的网络。我有数据表，每行都是删除按钮。点击按钮时，显示模式。 Modal有两个按钮，取消或确认。当我点击确认时，我想从数据库中删除行。但是，我如何检测哪个按钮被点击？在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模式。 MODAL的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> 

在确认键单击我想从DB

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/