使用jQuery检索表id

Question

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

要检索我的id，我使用这个jQuery light code

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

生成的html代码的想法：

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

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

如何检索curent表ID？ （我已尝试使用prev（），但我认为我的表现不如我必须做的那样）

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

Answer 1

你要求：

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

Answer 2

  

所以，如果我在第二个表的添加按钮上clic，那只会添加   第二张表的行

你应该这样做：

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

更新

请注意，您还在表中使用数字id值无效，请尝试使用字母或字母数字字符，例如table_1，table_2等

Answer 3

你可以这样做：

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

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