Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何通过javascript获取html表tr单元格值_Javascript_Html - Fatal编程技术网

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

如何通过javascript获取html表tr单元格值,javascript,html,Javascript,Html,我有一个用动态数据创建的HTML表,无法预测其中的行数。我想做的是在单击特定行的最后一个单元格时获取行单元格的值。使用计数器变量计算行号。为了简洁和兼容性,使用jquery: $('tr').on('click', function(evt){ console.log(this); }); 这将为您提供刚刚单击的DOM对象。如果您只希望最后一个TD触发事件(假设您有4列),它可能看起来更像这样: $('tr td:nth-child(4)').on('click', function(

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

使用计数器变量计算行号。

为了简洁和兼容性,使用jquery:

$('tr').on('click', function(evt){
    console.log(this);
});
这将为您提供刚刚单击的DOM对象。如果您只希望最后一个TD触发事件(假设您有4列),它可能看起来更像这样:

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

因此,首先使用getElementByID等获取元素,然后您可以通过element.innerHTML获取该行的实际内容

var tableRow=document.getElementById(“tr3”);
var content=tableRow.innerHTML;
警报(内容)
表td{border:1px纯黑色;}

12
34
56

您能澄清一下“行的值”是什么意思吗?索引?用于创建该表的数据?能否向我们显示动态生成表的输出?另外,在前端或后端生成的表在哪里?请输入HTML代码here@PiyushYadav您应该为此使用jQuery find函数如何可能??你能告诉我我不认为有可能使用计数器吗