jQuery获取table中td的索引和值 

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Test</title>
  <script src="js/jquery.min.js" ></script>
  
  <script>
  
   $(document).ready(function(){
    // 给每个td增加一个绑定事件
    $("table td").bind("click", function(){
     // 获取当前行的索引
     var rowIndex = $(this).parent().index();
     // 获取当前列的索引
     var columnIndex = $(this).index();
     var val = $(this).val();
     alert("rowIndex=="+rowIndex+" "+"columnIndex="+columnIndex+"内容是"+val);
    })
     });
  </script>
 </head>
 <body>
  <table border="1">
     <tr><td>Header 1</td><td>Header 12</td></tr>
     <tr><td>Value 1</td><td>Value 12</td></tr>
     <tr><td>Value 2</td><td>Value 22</td></tr>
  </table>
  <table border="1">
     <tr><td>Header 23</td><td>Header 12</td></tr>
     <tr><td>Value 3</td><td>Value 123</td></tr>
     <tr><td>Value231</td><td>Value 21232</td></tr>
  </table>
  <input type="button" name="button" id="button" value="button" />
 </body>
</html>

 

posted @ 2016-04-20 23:11  木马易  阅读(1960)  评论(0)    收藏  举报