如何通过javascript获取html表tr单元格值

Question

我有一个使用动态数据创建的HTML表格，无法预测其中的行数。我想要做的是在单击特定行的最后一个单元格时获取行单元格的值。

Answer 1

使用计数器变量来计算行号。为了简洁和兼容性

Answer 2

使用jQuery：这让你的DOM

$('tr').on('click', function(evt){ 
    console.log(this); 
}); 

对象，你只需点击。如果你只是想最后TD触发事件（假设你有4列），它可能看起来更像是这样的：

$('tr td:nth-child(4)').on('click', function(evt){ 
    console.log($(this).parent()); 
}); 

Answer 3

所以首先得到使用的getElementById等元素，那么你可以得到的实际内容该行通过element.innerHTML

var tableRow = document.getElementById("tr3"); 
 
var content = tableRow.innerHTML; 
 
alert(content);

table td {border: 1px solid black;} 
 

 
    

<table> 
 
     <tr id="tr1"><td>1</td><td>2</td></tr> 
 
     <tr id="tr2"><td>3</td><td>4</td></tr> 
 
     <tr id="tr3"><td>5</td><td>6</td></tr> 
 
</table>

你可以使用一个onClick函数来获取价值。