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 相关文章推荐
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
jQuery获取和设置表单元素的方法
Feb 14 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
上传图片js判断图片尺寸和格式兼容IE
Sep 01 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
Jan 23 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
JavaScript Blob对象原理及用法详解
Oct 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
PR值查询 | PageRank 查询
2006/12/20 PHP
PHP MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
JS实现向表格中动态添加行的方法
2015/03/30 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
python实现合并两个数组的方法
2015/05/16 Python
Python编程中归并排序算法的实现步骤详解
2016/05/04 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
Python探索之创建二叉树
2017/10/25 Python
python生成ppt的方法
2018/06/07 Python
Django中使用Celery的教程详解
2018/08/24 Python
django跳转页面传参的实现
2020/09/17 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
工商学院毕业生个人自我评价
2013/09/19 职场文书
品管员岗位职责
2013/11/10 职场文书
汽车广告策划方案
2014/05/31 职场文书
认识实习感想
2015/08/10 职场文书
总结Python常用的魔法方法
2021/05/25 Python
python 中的@运算符使用
2021/05/26 Python