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

JavaScript019

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开始计数

实例

创建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)

})

})

先获取table,然后再去获取列。获取第一行第一列的值,代码如下:

var table=document.getElementById('tab')//获取表格对象

var cell=table.rows[0].cells[0]//第一行第一列单元格对象

var val=cell.innerHTML//获取值

JavaScript没有函数可以直接获取数组的某一列。

这个你只能用for语句循环遍历了。

要把数组的长度缓存到一个变量(len)里面,这样能更好的提升代码性能。

var arr = [

    {

        id: 1,

        riqi: '2017-11-13'

    },

    {

        id: 2,

        riqi: '2017-11-14'

    },

    {

        id: 3,

        riqi: '2017-11-15'

    },

],

// 缓存数组长度,进一步提升代码性能

len = arr.length,

result = []

for (var i = 0 i < len i++) {

    result[i] = arr[i]['riqi']

}

console.log(result)