1

我有以下 html 代码，它代表表格的一部分

<tr>
   <td>    
      <span class='tip'><a href='#' class='Delete' data-name='product1' title='Delete'><img src='images/icon/icon_delete.png'></a></span>"
   </td>
</tr>
<tr>
   <td>    
      <span class='tip'><a href='#' class='Delete' data-name='product2' title='Delete'><img src='images/icon/icon_delete.png'></a></span>"
   </td>
</tr>

和一些 JS

$(document).on('click', '.Delete', function () {
    var name = $(this).attr("data-name");
    $.confirm({
        'title': 'DELETE ROW',
        'message': "<strong>DO YOU WANT TO DELETE </strong><br /><font color=red>' " + name + " ' </font> ",
        'buttons': {
            'Yes': {
                'class': 'special',
                'action': function () {

                    // this is the problem
                    // i am trying to get the row
                    var row = $(this).closest("tr").get(0);

                    oTable.fnDeleteRow(row);

                }
            },
            'No': { 'class': '' }
        }
    });
});

我正在尝试获取行 ID，以便能够将其删除。我如何将调用者传递给click事件

编辑：我正在尝试删除一行，也许还有其他方法

4

2 回答 2

2

您的问题是在 $.confirm 插件的action回调函数中，值this可能是其他东西（即不是 DOM 节点）。$(this)在调用插件之前保存对的引用，并在action回调中使用该引用。就像是：

$(document).on('click', '.Delete', function () {
    var node = $(this);
    var name = node.attr("data-name");
    $.confirm({
        'title': 'DELETE ROW',
        'message': "<strong>DO YOU WANT TO DELETE </strong><br /><font color=red>' " + name + " ' </font> ",
        'buttons': {
            'Yes': {
                'class': 'special',
                'action': function () {
                    var row = node.closest("tr").get(0);
                    oTable.fnDeleteRow(row);
                }
            },
            'No': { 'class': '' }
        }
    });
});

这有点猜测，因为我不熟悉您的确认插件，但这是一个常见的 JS 陷阱。

于 2013-02-11T12:31:51.037 回答
0

$(this).parent().parent().parent().remove();应该摆脱它。

于 2013-02-11T12:18:50.183 回答