выбран tr внутри таблицы

Question

У меня есть таблица, которая имеет 5 строк. Когда пользователь нажимает на TR, я хочу знать, на какую строку щелкнул (я имею в виду номер строки, т. Е. 2, 3 или 5).

Кто-нибудь знает, как это сделать?

Answer 1

Вы можете сделать что-то вроде этого (предполагая, что ваш стол имеет id="mytable"

// Should use DOM readiness instead of window load, 
// but for sake of simplicity i'll use onload here 
window.onload = function() { 
    var rows = document.getElementById('mytable').getElementsByTagName('tr'); 
    for (var i = 0; i < rows.length; i++) { 
     rows[i].onclick = function() { 
      var index = -1; 
      for (var j = 0; j < rows.length; j++) { 
       if (this == rows[j]) { 
        index = j; 
        break; 
       } 
      } 

      // do something with index (0 = first row .. 4 = 5th row) 
     }; 
    } 
}; 

В качестве альтернативы, если вы используете JQuery, вы можете просто сделать это:

$(document).ready(function() { 
    var $rows = $('#mytable tr'); 
    $rows.click(function() { 
     var index = $rows.index(this); 
     // do something with index 
    }); 
});