js怎么获取表格中指定行某一列的值?

JavaScript021

js怎么获取表格中指定行某一列的值?,第1张

jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个,index表示元素的位置(最小为 0)。所以获取Table第 i 行第 j 列的内容可用如下代码

$("table").find("tr").eq(i-1).find("td").eq(j-1).text()// 注意-1是因为index从0开始计数。

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

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>RunJS 演示代码</title>

<script>

onload=function(){

var cks = document.querySelectorAll("table input[type='checkbox']")

for(var i=0i<cks.lengthi++){

var ck = cks[i]

ck.onclick = function(){

if(this.checked)

alert(this.parentElement.parentElement.children[7].innerHTML)

}

}

}  

</script>

  </head>

<body>

    <table>

<tr>

<td><input type="checkbox" /></td>

<td>1</td>

<td>2</td>

<td>3</td>

<td>4</td>

<td>5</td>

<td>6</td>

<td>7</td>

<td>8</td>

</tr>

</table>

  </body>

</html>