js获取表格的当前行

来源:互联网 发布:开淘宝的保证金在哪退 编辑:程序博客网 时间:2024/06/05 19:07

<html>
 <head>
  <title>Table Test</title>
  <meta name="generator" content="Editplus" />
  <meta name="author" content="PJ" />
  <script language="JavaScript">
  <!--
   function Delete()
   {
    var dgTable=document.getElementById('tb').rows;//tb为table的ID,
    var pp=window.event.srcElement;
   
    for (var i=0; i < dgTable.length; i++) //遍历table的行,
    {
     if(pp==dgTable[i].cells[2].getElementsByTagName("A")[0]) //cells[2]为触发事件的列的索引
     { //判断是否是触发事件的A标签
      alert(dgTable[i].cells[0].innerText); //演示,弹出所在行的第一列的内容   
     }
    }
   }
  //-->
  </script>
 </head>
 <body>
  <table id="tb" border="1px" width="500px">
  <tr>
   <td width="40%">aaa</td>
   <td width="40%">bbb</td>
   <td width="15%"><a onclick="Delete()" href="#">delete</a></td>
  </tr>
  <tr>
   <td>ccc</td>
   <td>ddd</td>
   <td><a onclick="Delete()" href="#">delete</a></td>
  </tr>
  <tr>
   <td>eee</td>
   <td>fff</td>
   <td><a onclick="Delete()" href="#">delete</a></td>
  </tr>
  </table>
 </body>
</html>

原创粉丝点击