jquery - 使用 jQuery 检索表 id

Question

我有一些使用自动 id 生成的表，所以我之前不知道表 id 来做一些事情。

为了检索我的 id，我使用了这个 jQuery light 代码

 $('table').each(function(){
                alert(this.id);
            });

生成的html代码的想法：

<table id="table1">...</table><table id="table2">...</table>

这个 jQuery 代码给了我所有的表 ID。
我的表格有一些按钮来添加行，所以如果我点击第二个表格的添加按钮，那只会为第二个表格添加行（代码向上给我网页上的所有表格 ID）

如何检索当前表 ID？（我曾尝试使用 prev() 但我认为我没有像我必须做的那样玩）

注意：我不需要代码来追加一行，我可以这样做；）

score 1 · Accepted Answer

您是否要求：

$('#button').on('click', function(){
    alert($(this).parents('table').attr('id'));
});

score 1 · Accepted Answer

所以如果我点击第二张表的添加按钮，那只会为第二张表添加行

你应该做：

$('.btnClass').click(function(){
   var table_id = $(this).closest('table')[0].id;
});

更新

请注意，您id的表格也使用了无效的数值，请尝试使用字母或字母数字字符，例如table_1,table_2等

score 0 · Accepted Answer

你可以这样做：

$('table').each(function(){
   $(this).parent().find('#buttonId').click(function() {
      // Code to append a row
   });
});

顺便说一句，最好将有关 DOM 架构的详细信息提供给按钮和表格（$(x).find(..)这不是性能最快的方式）。