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 相关文章推荐
随机显示经典句子或诗歌的javascript脚本
Aug 04 Javascript
javascript new 需不需要继续使用
Jul 02 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
仅30行代码实现Javascript中的MVC
Feb 15 Javascript
bootstrap学习笔记之初识bootstrap
Jun 21 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
Aug 23 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 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设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
PHP中Memcache操作类及用法实例
2014/12/12 PHP
VBScript版代码高亮
2006/06/26 Javascript
javascript 函数使用说明
2010/04/07 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
JavaScript的面向对象编程基础
2015/08/13 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
2020/08/11 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
[57:28]2018DOTA2亚洲邀请赛 4.6 淘汰赛 TNC vs Liquid 第一场
2018/04/10 DOTA
[01:20:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第四场 8.26
2018/08/30 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
python 除法保留两位小数点的方法
2018/07/16 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
使用Python实现批量ping操作方法
2020/05/06 Python
Python 字典中的所有方法及用法
2020/06/10 Python
Python自省及反射原理实例详解
2020/07/06 Python
Python如何获取文件路径/目录
2020/09/22 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
党员评议表自我评价范文
2014/10/20 职场文书
元旦晚会开场白
2015/05/29 职场文书
世界名著读书笔记
2015/06/25 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
Python多线程 Queue 模块常见用法
2021/07/04 Python
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript