jQuery：从同一个类元素中获取“ id”

Question

这是我的代码：

 <label>
   <input type='checkbox' name='".$row['id_control']."custom' ".(($row['status']=='1')?'checked':'')."value='1' class='js-switch modul_tabeli' />
 </label>
<table class='table' id='".$row['id_control']."'>
...
<table>

所有元素都显示在while循环中。当我单击复选框时，我想获取表id。 下面是我的jQuery代码：

var test = $('.x_content').find('table');
var test2 = $(test).attr('id');

所有脚本显示3个表，但仅获取第一个表ID。 请帮忙：）

我希望这是有道理的：）

Answer 1

当选中其中一个复选框时，可以使用Jquery Next 选择器获取下一个下表ID。

$(document).ready(function() {
    $('.js-switch.modul_tabeli').change(function() {
        if(this.checked) {
            var tableName = $(this).parent().next('table.table').attr('id');
        }      
    });
});

您可以选中此Jfiddle