Javascript 如何在单击链接时获取行值

我有一张3行的桌子，每行有HREF。单击这些链接时，我需要获得单击链接所在行的整个值

Data
Test1_link   image_link   view-link
Test2_link   image_link   view-link

上面的数据是链接，单击任何链接，都会呈现其对应的行值。 有谁能建议我如何做到这一点

谢谢。

用jQuery试试这个

//在文档就绪事件之后运行
$（函数（）{
//类为js mytable的表中的所有链接
$（'table.js mytable'）。在（'click'，'a'，function（）上{
//var$cell=$（this.parents（'td'）；//获取链接的父td
var$row=$（this.parents（'tr'）；//获取链接的父tr
//从行中获取html5数据属性
变量id=$row.data（'id'）；
var something=$row.data（'something'）；
//对vars做点什么
//警报（'Id:'+Id+'：'+something）；
//获取完整的html。。。
//我们需要将它合并到一个新的伪html元素中
//要获得完整的html，请使用
var html=$（''）.append（$row.clone（））.html（）；
警报（html）；
返回false；//防止默认链接操作（href）
});
});

如果你需要更多的细节，你需要扩展你的问题

---

jsIDLE:

您可以在表之后立即放置一个简单的脚本：

<script>
  (function (d) {

     // Get the table element
     var table = function() {
       var tables = d.getElementsByTagName('table');
       return tables[tables.length - 1];
     }();

     table.onclick = function (e) {
       var target = e.target;

       // If an <a> was clicked
       if( target.nodeName.toLowerCase() === 'a' ) {

         // Find the tr containing that a
         var node = target;
         while (node.nodeName.toLowerCase() !== 'tr' )
           node = node.parentNode;
         var tr = node;

         // Output the contents of the table cells in that row
         var cells = tr.cells;
         for (var i = 0; i < cells.length; i++ )
             console.log(cells[i].innerHTML);

         // Return false to prevent the link from loading
         return false;
       }
     }
  })(document)
</script>

（职能（d）{
//获取表元素
变量表=函数（）{
var tables=d.getElementsByTagName（'table'）；
返回表[tables.length-1]；
}();
表1.onclick=函数（e）{
var目标=e.target；
//如果一个
当单击该行的链接时，您需要获取该行中每个单元格的值？否，单元格值，整行。例如，如果我单击第一行的查看链接，我应该获取Test1\u链接作为值。我需要行值，而不是列。每个单元格都有一个链接，单击该链接应该返回整行value@Prajesh这正是我们要做的代码是这样的。请检查JSFIDLE:。单击顶部链接输出整个第一行，单击底部链接输出整个第二行。谢谢你。它正在工作。你能告诉我，为什么这对图像不起作用吗？我在第二列中有图像作为链接。嗨，我还有一个问题…它对动态表有效吗？@YToWont9抱歉，我不能使用jquery。我需要纯js格式的jquery。请参阅@YTowOnt9-answer。它只需要一些修改就可以获得完整的行而不是所有的单元格值。也许也会对您有所帮助。这里有一些关于如何通过javascript检索html5数据-*属性的示例。
<script>
  (function (d) {

     // Get the table element
     var table = function() {
       var tables = d.getElementsByTagName('table');
       return tables[tables.length - 1];
     }();

     table.onclick = function (e) {
       var target = e.target;

       // If an <a> was clicked
       if( target.nodeName.toLowerCase() === 'a' ) {

         // Find the tr containing that a
         var node = target;
         while (node.nodeName.toLowerCase() !== 'tr' )
           node = node.parentNode;
         var tr = node;

         // Output the contents of the table cells in that row
         var cells = tr.cells;
         for (var i = 0; i < cells.length; i++ )
             console.log(cells[i].innerHTML);

         // Return false to prevent the link from loading
         return false;
       }
     }
  })(document)
</script>