如何使用javascript获取表格的当前rowindex?

时间:2016-06-01 16:00:47

标签: javascript html javascript-events javascript-objects

你好今天我有一个问题。我可以在javascript中获取表的当前行索引吗?我们可以用我们得到的当前索引删除一行表吗?

3 个答案:

答案 0 :(得分:4)

  

rowIndex属性返回表

中行的位置



int arrayGen(){

  int size = randomInt(11);
  int sizeB = size;
  int sizeC = size;
  int[] result = new int[2];

  int[] barrierx = new int[size];
  int[] barriery = new int[size];

   while (size>0){
    barrierx[size-1] = randomInt(512);
    barriery[size-1] = randomInt(512);    
    size = size - 1;
  }


  result[0] = barrierx;
  result[1] = barriery;
return result;
}

function myFunction(x) {
  console.log("Row index is: " + x.rowIndex);
}




答案 1 :(得分:0)

如果您使用的是JQuery,请使用方法.index()

var index = $('table tr').index(tr);

如果没有使用JQuery,您可以循环遍历所有TR元素以找到匹配的TR。

var index = -1;
var rows = document.getElementById("yourTable").rows;
for (var i=0;i<rows.length; i++){
    if ( rows[i] == YOUR_TR ){
        index = i;
        break;
    }
}

答案 2 :(得分:-1)

默认情况下,事件对象将包含rowindex属性

function myFunction() {
  var x = document.getElementsByTagName("tr");
  var txt = "";
  var i;
  for (i = 0; i < x.length; i++) {
    txt = txt + "The index of Row " + (i + 1) + " is: " + x[i].rowIndex + "<br>";
  }
  document.getElementById("demo").innerHTML = txt;
}
<table>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
</table>