信息发布→ 登录 注册 退出

JQuery获取表格数据示例代码

发布时间:2026-01-11

点击量:
有这样一个表格:

 
点击删除执行保存,需要执行onclick事件SaveItem("<%#Eval("ID")>",this);

在JS中
复制代码 代码如下:
function SaveItem(id,btn)
{
var tbl = $(btn).parent().parent().parent();

//table 第二行记录

var dj = tbl.children().eq(1).chilren().eq(3).find("INPUT").attr("value");//find方法本来返回一个数组,但这里就一个元素,可以这么写。如果有多个元素,要具体确定某一元素可以通过Jquery使用的选择器进行选择确认或者使用枚举:在find("INPUT").each(function(i){

//alert($(this).attr("value"));

//赋值

$(this).attr("value","YOUR_VALUE");

})
var content=tbl.children().eq(2).children().eq(1).find("TEXTAREA").text();//这里查找的是第三行第三列的试题文本框的内容。 如果你使用ASP.NET的ASP.NET TextBox控件 且是多行模式 在这里TagName就是‘TEXTAREA' ,用attr("value")方法或直接用text()方法获取值。

var mark = tbl.children().eq(3).children().eq(1).find("INPUT").attr("value");//这里获取第四行第三列的分值文本框值。

}
标签:# 选择器  # gt  # var  # btn  # parent  # tbl  # span  # JS  # function  # id  # 第三行  # JQuery  # 四行  # 分值  # 这样一个  # 可以通过  # 多个  # 在这里  # 如果你  # 的是  # 文本框  # 表格数据  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!