JQuery获取表格数据示例代码


Posted in Javascript onMay 26, 2014

有这样一个表格:

JQuery获取表格数据示例代码 
点击删除执行保存,需要执行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");//这里获取第四行第三列的分值文本框值。 
}
Javascript 相关文章推荐
获取dom元素那些讨厌的位置封装代码
Jun 23 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
javascript写的一个模拟阅读小说的程序
Apr 04 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
js评分组件使用详解
Jun 06 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
Apr 04 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
vuex实现数据状态持久化
Nov 11 Javascript
vue设置全局访问接口API地址操作
Aug 14 Javascript
chrome下img加载对height()的影响示例探讨
May 26 #Javascript
chrome下jq width()方法取值为0的解决方法
May 26 #Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 #Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 #Javascript
jquery attr方法获取input的checked属性问题
May 26 #Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 #Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 #Javascript
You might like
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
JS window对象的top、parent、opener含义介绍
2013/12/03 Javascript
JS图片无缝、平滑滚动代码
2014/03/11 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
使用Node.js实现HTTP 206内容分片的教程
2015/06/23 Javascript
js命名空间写法示例
2015/12/18 Javascript
Json解析的方法小结
2016/06/22 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
对Angular中单向数据流的深入理解
2018/03/31 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:03:22]LGD vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Django中的FBV和CBV用法详解
2019/09/15 Python
浅谈python3 构造函数和析构函数
2020/03/12 Python
python用分数表示矩阵的方法实例
2021/01/11 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
大学生最常用的自我评价
2013/12/07 职场文书
运动会广播稿20字
2014/02/18 职场文书
党员志愿者活动总结
2014/06/26 职场文书
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
办公室主任个人总结
2015/02/28 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
python基础之while循环语句的使用
2021/04/20 Python
深入理解python协程
2021/06/15 Python