手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery获取表格数据示例代码
JQuery获取表格数据示例代码
摘要:有这样一个表格:点击删除执行保存,需要执行onclick事件SaveItem("",this);在JS中复制代码代码如下:functionS...

有这样一个表格:

1

点击删除执行保存,需要执行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");//这里获取第四行第三列的分值文本框值。

}

【JQuery获取表格数据示例代码】相关文章:

基于jQuery实现的无刷新表格分页实例

javascript实现表格增删改操作实例详解

超酷右下浮出广告窗口代码

jquery实现的判断倒计时是否结束代码

jQuery实现在列表的首行添加数据

JQuery自动触发事件的方法

JS实现动态生成表格并提交表格数据向后端

一些有关检查数据的JS代码

jQuery插件制作之参数用法实例分析

原生JS和JQuery动态添加、删除表格行的方法

精品推荐
分类导航