Html表格单元格值

Question

如果我有相应的html表格单元格的行号和列号，如何从html表中获取单元格值？

例如，如果行号为1，列号为3，如何取单元格值？

我用过这样，没用的：

var value=document.getElementById("tablename").rows[len].cells[colno].innerHTML;

我试图得到特定列的值。

Answer 1

<table id="mytable" style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

Jquery

var rowno=0;
var colno=0;


var output=$("#mytable tr:eq("+rowno+") td:eq("+colno+")").html();

输出是杰克逊

eq选择器

要匹配的元素的基于零的索引。

小提琴演示

Answer 2

您可以使用eq()函数：

插入行号和单元格号，并得到结果：

​

var getVal = function(trNum, tdNum) {
  var a = trNum - 1;
  var b = tdNum - 1;     
  return $('#tbl').find('tr').eq(a).find('td').eq(b).text();
}

$('#getRes').on('click', function() {
   var r = $('#line').val();
   var c = $('#cell').val();
   if (r && r.length > 0 && c && c.length > 0) {        
      $('#text').html('Result: ' + getVal(r,c));
   } else {
      alert('Insert data!');
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="tbl">
  <tbody>
    <tr>
      <td>1.1</td>
      <td>1.2</td>
      <td>1.3</td>
    </tr>
    <tr>
      <td>2.1</td>
      <td>2.2</td>
      <td>2.3</td>
    </tr>
  </tbody>
</table>
<label for="line">Line</label>
<input id="line" type="number" /><br />
<label for="cell">Cell</label>
<input id="cell" type="number" /><br />
<button id="getRes">Get result</button>
<p id="text"></p>

​

Answer 3

您所拥有的是好的，请记住行和列是基于0的：

​

//row 1 col 3
var len   = 1 - 1;
var colno = 3 - 1;

var value = document.getElementById("tablename").rows[len].cells[colno].innerHTML;
alert(value);

<table id="tablename">
    <tr><td>11</td><td>12</td><td>13</td></tr>
</table>

​