кнопка на удаление строки

[Ninok]

Ребята, такая тема. есть таблица возле неё кнопки на удаления строк и столбцов. они двигаются в зависимости от положения мышки на таблице. фишка в том, что удаляется не та строка на против которой находится кнопка удаления. как исправить ситуацию?

[рони]

Ninok,

[Ninok]

рони,
Да, профессор рони, я не знаю как удалить ту строку напротив, которой находится кнопка. может использовать rowIndex. что скажите?

[рони]

Ninok,
где код?

[Dilettante_Pro]

ТС молчит... И таки да - rowIndex

<style>
  button { display:none; }
  tbody tr:hover>td>button {display:inline-block;}
  tbody tr:hover {
    background: #f3bd48; 
    color: #fff; 
   }
</style>
<table id='tbl'>
   <tbody>
   <tr>
      <td>11</td>
      <td>12</td>
      <td>13</td>
      <td><button >Del</button></td>
   </tr>
   <tr>
      <td>21</td>
      <td>22</td>
      <td>23</td>
      <td><button >Del</button></td>
   </tr>
   <tr>
      <td>31</td>
      <td>32</td>
      <td>33</td>
      <td><button >Del</button></td>
   </tr>
   </tbody>
</table>
<script>
[].forEach.call(document.querySelectorAll('button'), function(but) {
    but.onclick = function() {
     var tr= this.parentNode.parentNode;
     tbl.deleteRow(tr.rowIndex);
   }
});

</script>