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/

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

1 个答案: