当前位置:asp编程网>技术教程>Javascript教程>  正文

js获取当前鼠标点击的当前行数

2012-07-15 15:20:46   来源:网络    作者:佚名   浏览量:3515   收藏

<html>
 <head>
  <title>获取当前行数</title>
  <script type="text/javascript" src="http://www.aspbc.com/js/jquery.js"></script>
  <script type="text/javascript">
   $(document).ready(function(){
 $("[href='#']").bind("click",function(event){
  obj = event.srcElement ? event.srcElement : event.target;
  var dgTable=document.getElementById('tb').rows;//tb为table的ID,  
  var pp=obj;    
  for (var i=0; i < dgTable.length; i++) //遍历table的行,
  {
    if(pp==dgTable[i].cells[2].getElementsByTagName("A")[0])  //cells[2]为触发事件的列的索引,也就是鼠标点击的列的地方
    {   
      alert('第'+i+'行');
    }
  }
 });
   });

  </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 href="#">delete</a></td>
  </tr>
  <tr>
   <td>ccc</td>
   <td>ddd</td>
   <td><a href="#">delete</a></td>
  </tr>
  <tr>
   <td>eee</td>
   <td>fff</td>
   <td><a  href="#">delete</a></td>
  </tr>
  </table>
 </body>
</html>



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网