Определение номера подсвечивающейся строки в таблице

Question

Есть таблица

        <table id="alllistoperators">

При движении курсора мыши по таблице подсвечивается строка (на которой остановилась мышь) <tr>. Как определить номер этой строки?

Answer 1

const getNumberRow = e => { 
    document.querySelector('.result').innerText = `Номер строки: ${e.target.rowIndex+1}`;
}
document.querySelectorAll('#alllistoperators tr').forEach(item => item.addEventListener('mouseenter',getNumberRow));

table {
  border-collapse: collapse;
  margin-bottom: 15px;
}
td {
  border: 1px solid #ddd;
  padding: 5px 10px;
}

tr:hover {
  background: #ddd;
}

  <table id="alllistoperators"> 
    <tr><td>тест</td><td>тест</td><td>тест</td></tr>
    <tr><td>тест</td><td>тест</td><td>тест</td></tr>
    <tr><td>тест</td><td>тест</td><td>тест</td></tr>
    <tr><td>тест</td><td>тест</td><td>тест</td></tr>
    <tr><td>тест</td><td>тест</td><td>тест</td></tr>
  </table>
  
  <div class="result"></div>

БЛОГ НА HUSL

Определение номера подсвечивающейся строки в таблице

Ответы (1 шт):