右键获取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 准备好后绑定，所以你可能需要这样做：

$(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 就绪时间元素。

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

Answer 2

DEMO HERE

根据您在 cmets 中提供的详细信息，您希望当您右键单击每一行时，警报会显示单击的 tr 元素的 id：

试试这个：

 $('#tbl1 tbody tr').mousedown(function(e){

    if(e.button==2) alert($(this).attr('id'));

 });

Answer 3

好的，根据您在我之前回答的评论中提出的问题，您应该更改您的问题以符合您的要求。您正在寻找右键单击鼠标 id show。

这应该可行：

$("#tbl1 tbody tr").bind("contextmenu",function(e) {
   e.preventDefault();
   alert($(this).attr('id'));
});

这是更新后的小提琴：Fiddle

Answer 4

您的示例对我有用，没有任何问题。 http://jsfiddle.net/YzR47/

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