如何用Jquery获取Table指定行中指定列的数值

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

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

divbox{width:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:35px;height:30px;border:1px solid #99ccff;}

input[type='button']{width:100px;height:30px;margin:10px;border:2px solid #ebbcbe;}

selected{background:#99ccff;}

table{border-collapse:collapse;}

td{padding:5px 10px;border: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);

});

})

观察显示效果

next 是取同辈元素，不是去子元素的\x0d\ alert($("tr:nth-child(3) td:nth-child(5)")html());\x0d\ \x0d\ alert($("tr:eq(2) td:eq(4)")html());\x0d\ \x0d\ alert($("tr:eq(2)")children()eq(4)html());\x0d\以上三个都能取到第三行第五列

在后台算出一列的总和，用usedate传到前台。

Action：

//此Map为前台JQuery底部汇总信息使用，通过json返回前台 private Map userdata = new HashMap();

//将汇总的信息放入put 通过json带回前台JS，注意：key值要与js的列名相同，显示到相应的字段底部 userdataput("departmentname", "部门总数: "+depCount); userdataput("staffname", "人员总数: "+stfCount); userdataput("signtime", "迟到总数: "+lateCount); userdataput("leavetime", "早退总数: "+earlyCount);

JS：

jsonReader : { // 描述json数据格式的数组 root : "resultList",// root这里的值是rows，意味着它会读取json中的rows键的值，这个值就是真实的数据 //total : "total",// 总的页数 //page : "page", // root这里的值是page，意味着它会读取json中的page键的值，当前页号 //records : "record",// 总记录数 repeatitems : false, userdata: "userdata" // 如果设为false，则jqGrid在解析json时，会根据name来搜索对应的数据元素（即可以json中元素可以不按顺序）；而所使用的name是来自于colModel中的name设定。 },

footerrow: true, userDataOnFooter: true })navGrid('#pager', { add : false, edit : false, del : false, search : false, refresh : false });

以上就是关于如何用Jquery获取Table指定行中指定列的数值全部的内容，包括:如何用Jquery获取Table指定行中指定列的数值、如何用“Jquery”获取“Table指定行中指定列”的数值、jqgrid怎么统计一列的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！