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 相关文章推荐
通用JS事件写法实现代码
Jan 07 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
Jan 19 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
详解原生js实现offset方法
Jun 15 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
vue响应式系统之observe、watcher、dep的源码解析
Apr 09 Javascript
详解JavaScript执行模型
Nov 16 Javascript
vue常用高阶函数及综合实例
Feb 25 Vue.js
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和ACCESS写聊天室(五)
2006/10/09 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
JavaScript flash复制库类 Zero Clipboard
2011/01/17 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
javascript验证身份证号
2015/03/03 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Python设置默认编码为utf8的方法
2016/07/01 Python
Python双向循环链表实现方法分析
2018/07/30 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
python3 下载网络图片代码实例
2019/08/27 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
意大利和国际最佳时尚品牌:Drestige
2019/12/28 全球购物
红旗方阵解说词
2014/02/12 职场文书
食品安全标语
2014/06/07 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
单位收入证明范本
2015/06/18 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
合作合同协议书
2016/03/21 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL