在表格中选择了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 
    }); 
});