jquery - 右键单击后获取html表格的行id

Question

我想要做的是捕获用户右键单击的每一行的 id。因此，如果用户右键单击 id=22 的行，那么我需要捕获“22”。我是 Jquery 新手。

这是我到目前为止所拥有的:

  $("tr").mousedown(function(event) {
    if (event.which === 3) {
      alert($(this).attr("id"));
    }
  });

但这并没有给我任何返回。每个<tr>附有一个 id。如何获得是个问题。

编辑:

即使使用“tr”，由于某种原因我也无法检测到 mousedown 事件。

Answer 1

我认为数据表在 DOM 准备好后绑定(bind)，所以你可能需要这样做:

$(function() {
    $('#tbl1').on('contextmenu', 'tr', function(e) {
        e.preventDefault();
        alert(this.id);
    });
});

如果仍然不起作用，请尝试更详尽的测试:

$(function() {
    $('body').on('contextmenu', 'tr', function(e) {
        e.preventDefault();
        alert(this.id);
    });
});

您可以将 .on() 与指定的参数一起使用，以便将事件监听器附加到已知的可用 dom 就绪时间元素。

第一个将事件监听器绑定(bind)到#tbl1，而最后一个将事件监听器附加到body。因此，每次右键单击主体内的任何内容时，都会检查该元素是否为 tr 并触发。由于该事件附加到 body (并且它可能不会随着应用程序的使用而改变)很可能会起作用，但它会太宽泛，所以如果您这样做会更好(因为可以防止无用的检查)限制为数据表的父级 table 或 div，具体取决于数据表如何操作 DOM。