HTML表格單元格值

Question

如果我具有html表格單元格的相應行號和列號，如何從html表格中獲取單元格值？

例如，如果行號為1，列號為3，如何獲取單元格值？

我曾經這樣，它沒有用：

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

我正在嘗試獲取特定列的值。

Answer 1

您可以使用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 2

<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 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> 

Answer 4

您所做的幾乎是正確的。 只需對從表中獲取的內容使用parseInt或parseFloat。 這是一個https://jsfiddle.net/4Ly53eoq/

如果為整數，則為parseInt；如果為小數，則為parseFloat：

value; /* is a string */
parseInt( value ); /* is an integer */
parseFloat( value ); /* is a float */