2016-06-09 95 views
-1

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

+1

你能澄清你的意思是'行的价值'?索引?用于创建它的数据? –

+0

你能告诉我们动态生成的表的输出吗?前台或后台还在哪里生成表格? – Wracker

+1

把你的HTML代码在这里 –

回答

0

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

+0

怎么可能?你能告诉我,我不这么认为它有可能使用计数器 –

0

使用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()); 
}); 
0

所以首先得到使用的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函数来获取价值。

相关问题