jquery肿么获取table中某一行的值-ZOL问答

3个回答默认排序

默认排序

按时间排序

已采纳

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

1

$(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
trtd1/tdtd2/tdtd3/td/tr
trtd4/tdtd5/tdtd6/td/tr
trtd7/tdtd8/tdtd9/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:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{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);
});
})

观察显示效果

取消评论

精品应用推荐

超值推荐

hql774614908

大体的思路说一下：
1、在table的某个单元格点击中，先取出该单元格的值，再将该值赋给一个input text，并将这个input text动态添加到这个单元格中，代码可以写成：
var tdvalue=$(this).val();
$(this).html(input id='tempinput' type='text' value='+tdvalue+'/);
2、当单元格失去焦点时，将文本框的值回填给单元格，代码写成：
$(this).html($(tempinput).val());
3、实际写代码时还要考虑临时加入的文本框的宽度要与单元格一致等内容。

取消评论

danfeng01234

select['checked']?

取消评论

3个回答默认排序

默认排序

按时间排序

精品应用推荐

最新回答更多>

特惠推荐

相关问答

热门平板电脑排行

扩展阅读

举报

举报成功

私信

删除

数码爱好者必备神器

中关村在线客户端

3个回答 默认排序 默认排序 按时间排序

精品应用推荐

最新回答 更多>

特惠推荐

相关问答

热门平板电脑排行

扩展阅读

举报

举报成功

私信

删除

3个回答默认排序

默认排序

按时间排序

最新回答更多>