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 相关文章推荐
Jquery替换已存在于element上的event的方法
Mar 09 Javascript
JavaScript中的ArrayBuffer详细介绍
Dec 08 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
Apr 20 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
js 只比较时间大小的实例
Oct 26 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
php函数式编程简单示例
2019/08/08 PHP
Javascript自定义排序 node运行 实例
2013/06/05 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
如何改进javascript代码的性能
2015/04/02 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
JavaScript调试的多个必备小Tips
2017/01/15 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
vue引入swiper插件的使用实例
2017/07/19 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
vue实现搜索功能
2019/05/28 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
Python实现保证只能运行一个脚本实例
2015/06/24 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python reduce()函数的用法小结
2017/11/15 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
对python:threading.Thread类的使用方法详解
2019/01/31 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Python类中self参数用法详解
2020/02/13 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
教师党员批评与自我批评发言稿
2014/10/15 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
岗位聘任协议书
2015/09/21 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL