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下将字符串当函数执行的方法
Jul 13 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
js怎么判断flash swf文件是否加载完毕
Aug 14 Javascript
js遍历子节点子元素附属性及方法
Aug 19 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
Ajax的概述与实现过程
Nov 18 Javascript
JavaScript学习笔记之惰性函数示例详解
Aug 27 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
Aug 03 Javascript
vue $mount 和 el的区别说明
Sep 11 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开发框架总结收藏
2008/04/24 PHP
PHP代码审核的详细介绍
2013/06/13 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
php进程(线程)通信基础之System V共享内存简单实例分析
2019/11/09 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
validator验证控件使用代码
2010/11/23 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
AngularJS的脏检查深入分析
2017/04/22 Javascript
Vue.js实现文章评论和回复评论功能
2020/05/30 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
使用Nginx+uWsgi实现Python的Django框架站点动静分离
2016/03/21 Python
Django如何自定义分页
2018/09/25 Python
Python通过Pillow实现图片对比
2020/04/29 Python
python右对齐的实例方法
2020/07/05 Python
详解如何修改python中字典的键和值
2020/09/29 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
存储过程的优点有哪些
2012/09/27 面试题
应聘自荐书
2013/10/08 职场文书
和谐家庭演讲稿
2014/05/24 职场文书
治庸问责心得体会
2014/09/12 职场文书
Java实现房屋出租系统详解
2021/10/05 Java/Android
python小型的音频操作库mp3Play
2022/04/24 Python