Javascript 突出显示引导表中的行

我正在使用引导表，那是我的笔：

我需要突出显示第二个和第三个表中的行，这些行的ID与我在第一个表中选择的ID相同

如何选择/取消选择它们？我想我必须将

所选的
类添加到行中？我试过这么做，但不幸的是，它似乎不起作用

以下是我尝试过的：

if ($('tr[class="selected"]')) {
   var temp = $('tr[class="selected"]').attr("data-index");
   $('tr[data-index="' + temp + '"]').addClass('selected');
}

此外，为什么表中有升序？如何保持json对象的原始序列？
使用以下脚本更新侦听器：

$('#eventsTable').on('check.bs.table', function (e, row, element) {

     var id = Number(element.attr('data-index')) + 1;
     $('#eventsTable2 tr:eq('+id+')').addClass('selected');
     $('#eventsTable3 tr:eq('+id+')').addClass('selected');
});

$('#eventsTable').on('uncheck.bs.table', function (e, row, element) {  

     var id = Number(element.attr('data-index')) + 1;     
     $('#eventsTable2 tr:eq('+id+')').removeClass('selected');
     $('#eventsTable3 tr:eq('+id+')').removeClass('selected');
});

在codepen中，原始顺序似乎得到了保留。