Question

我有一个带有...的html表 ...一些绑定到表行的jquery代码单击

$(document).ready(function () {
    var tr = $('#RolesTable').find('tbody>tr');
    tr.bind('click', function (e) {
        code fired on table row click..
    }
}

...表格中的一些动作链接用于编辑和删除功能

<td class="TablePadding">
  @Html.ActionLink(" ", "Edit", new { id = item.RoleID }, new { @class = "editImg" }) 
  @Html.ActionLink(" ", "Delete", new { id = item.RoleID }, new { @class = "deleteImg" })
</td>

如果单击其中一个html操作链接/图像，如何才能触发jquery 而不是？

我尝试过使用not（）方法但是无法使用它。例如修改了jquery ..

var tr = $('#RolesTable').find('tbody>tr').not("a.editImg").not("a.deleteImg");

Answer 1

您可以使用事件对象的target属性。如果单击其中一个锚点，则使用return，不执行其余的处理程序。

$(document).ready(function () {
    var tr = $('#RolesTable tbody > tr');
    tr.bind('click', function (e) {
        var $target = $(e.target);
        if ($target.is('a.editImg') || $target.is('a.deleteImg')) {
          return;
        } else {
          // code fired on table row click..
        }
    })
})

除了MVC actionlinks之外的jQuery表行选择器

1 个答案: