使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]
2、遍历
var oTable=document.getElementById("表格id")
oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了
jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个,index表示元素的位置(最小为 0)。所以获取Table第 i 行第 j 列的内容可用如下代码
$("table").find("tr").eq(i-1).find("td").eq(j-1).text()// 注意-1是因为index从0开始计数
实例
创建Html元素
<div class="box">
<span>填写行列数,点击按钮后获取对应位置的数值:</span>
<div class="content">
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
</div>
第<input type="text" name="row">行,第<input type="text" name="col">列<input type="button" class="btn" value="确定">
</div>
添加css样式
div.box{width:300pxheight:250pxpadding:10px 20pxborder:4px dashed #ccc}
div.box>span{color:#999font-style:italic}
div.content{width:250pxheight:100pxmargin:10px 0padding:5px 20pxborder:2px solid #ff6666}
input[type='text']{width:35pxheight:30pxborder:1px solid #99ccff}
input[type='button']{width:100pxheight:30pxmargin:10pxborder:2px solid #ebbcbe}
.selected{background:#99ccff}
table{border-collapse:collapse}
td{padding:5px 10pxborder:1px solid green}
编写jquery代码
$(function(){
$("input:button").click(function() {
row = $("input[name='row']").val() - 1
col = $("input[name='col']").val() - 1
val = $("table").find("tr").eq(row).find("td").eq(col).text()
alert(val)
})
})
1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]
2、遍历
var oTable=document.getElementById("表格id")
oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了