jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路


Posted in Javascript onApril 10, 2013

花了一晚上的时间解决了一个看似很容易的问题。今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得。

网上找了很多方法,用起来都不行,后来想到了jquery中的鼠标事件,可以在鼠标经过table时,获得当前行与列的值。页面如下所示:
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路 
具体操作就是点击“删除”按钮,然后调用jquery插件页面,这时候需要获得相应行的“ID”进行操作。我的方法是:

先定义一个行数与列数的全局变量,然后在鼠标经过按钮时获得此行的行数与列数并付给此全局变量:

var trNum; 
var tdNum; 
$(function(){ 
//定义一个鼠标经过事件 
$('#users td').hover( 
function(){ 
//获得table的行号 
trNum = $(this).parent().parent().find('tr').index($(this).parent()[0])+ 1; 
//获得table的列号 
tdNum = $(this).parent().find('td').index($(this)[0])+ 1; 
} 
);

其中,“users”为此table的ID.然后再根据此ID进行业务处理,如下所示:
01.//点击“弹出框”选择“确定”后的业务处理 
$("#dialog-confirm").dialog({ 
autoOpen:false, 
resizable:false, 
height:150, 
modal:true, 
buttons:{ 
"确定":function(){ 
var au_id = $('#users').find('tr:eq(' + (trNum) + ')').find('td:eq(0)').text(); //获得对应第一列的ID值 
//业务处理省略 
…… 
}, 
"取消":function(){ 
$(this).dialog("close"); 
} 
}} 
);

小问题凝聚着大智慧,通过解决问题提高自己学习能力,解决问题的能力,是我一直崇尚的真理!
Javascript 相关文章推荐
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
中止javascript执行的方法
Feb 14 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
提示$ is not defined错误分析及解决
Apr 09 #Javascript
js 有框架页面跳转(target)三种情况下的应用
Apr 09 #Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 #Javascript
关于JQuery($.load)事件的用法和分析
Apr 09 #Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 #Javascript
关于JavaScript中的关联数组分析
Apr 09 #Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 #Javascript
You might like
PHP Stream_*系列函数
2010/08/01 PHP
纯php打造的tab选项卡效果代码(不用js)
2010/12/29 PHP
php中http_build_query 的一个问题
2012/03/25 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
php pthreads多线程的安装与使用
2016/01/19 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
ajax异步刷新实现更新数据库
2012/12/03 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
2019/09/25 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
Python解决鸡兔同笼问题的方法
2014/12/20 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
Python学习笔记之集合的概念和简单使用示例
2019/08/22 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
如何提高SQL Server的安全性
2016/07/25 面试题
税务专业毕业生自荐信
2013/11/10 职场文书
大课间活动实施方案
2014/03/06 职场文书
2014年秋季开学演讲稿
2014/05/24 职场文书
高中课程设置方案
2014/05/28 职场文书
卫生院义诊活动总结
2015/05/07 职场文书
Java输出Hello World完美过程解析
2021/06/13 Java/Android
解决Maven项目中 Invalid bound statement 无效的绑定问题
2021/06/15 Java/Android
MySQL查询日期时间
2022/05/15 MySQL
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers