jquery怎么获取表格的行列

如题所述

第1个回答  2016-04-26
  jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置(从0开始计数),基本语法为:$(selector).index()。因此当前 tr 的 index 可以得到行数,当前 td 的 index 可以得到列数。实例演示如下:
  1、HTML结构
  <table id = "test">
  <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
  <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
  <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
  <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
  </table>
  2、jquery代码
  $(function(){
  $("table td").click(function() {
  var row = $(this).parent().index() + 1; // 行位置
  var col = $(this).index() + 1; // 列位置
  alert("当前位置:第"+row+"行,第"+col+"列")
  });