2015-06-22 182 views
1

如何获取html表格中的单元格值,如果我有相应的行表格和单元格的html表格单元格的数量?Html表格单元格值

例如,如果行号是1,列号是3,如何获取单元格值?

我用这样的,它没有工作:

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

我试图获得特定列的值。

+0

您可以用'EQ()'选择以获得所需的细胞 – ozil

+1

'$('表TR:第一个TD:EQ(2 )')。text()' –

+0

它是一个jQuery问题吗?你为什么不使用jQuery选择器? – Mehdi

回答

0
<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(); 

输出是杰克逊

当量选择

从零开始

元素的索引相匹配。

FIDDLE DEMO

+0

它只给出未定义的 –

+0

eq为零。所以,如果你想要求第1行,你应该使用eq(0)等 – kapantzak

+0

@NirmalAnand请添加你的HTML代码。为了更好的理解 – Tuhin

0

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

0

你有什么是好的,记住行和列是从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>

0

你所做的事是差不多吧。只需使用parseInt或parseFloat就可以从表中获得什么。这里是一个https://jsfiddle.net/4Ly53eoq/

parseInt函数如果整数,parseFloat如果分数:

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