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 相关文章推荐
[原创]网络复制内容时常用的正则+editplus
Nov 30 Javascript
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
javascript语句中的CDATA标签的意义
May 09 Javascript
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 Javascript
js Dialog 实践分享
Oct 22 Javascript
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
vue父子组件通信的高级用法示例
Aug 29 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
PHP生成静态页
2006/11/25 PHP
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
探讨php中防止SQL注入最好的方法是什么
2013/06/10 PHP
php读取本地文件常用函数(fopen与file_get_contents)
2013/09/09 PHP
php 发送带附件邮件示例
2014/01/23 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
js简易版购物车功能
2017/06/17 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
Python标准库sched模块使用指南
2017/07/06 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
Python 面向对象部分知识点小结
2020/03/09 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
HTML5应用之文件上传
2016/12/30 HTML / CSS
温泉秘密:Onsen Secret
2020/07/06 全球购物
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
总务岗位职责
2013/11/19 职场文书
一年级评语大全
2014/04/23 职场文书
卖房授权委托书样本
2014/10/05 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
2014年基建工作总结
2014/12/12 职场文书
给上级领导的感谢信
2015/01/22 职场文书
项目安全员岗位职责
2015/02/15 职场文书
职业规划从高考志愿专业选择开始
2019/08/08 职场文书
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android