jQuery学习笔记(4)--怎样从Jquery获取table中列值
- 更新时间：2020-01-13 21:45:24
- 编辑：索永福
参考资料
- jQuery EasyUI开发指南 PDF 电子书 / 48.4 MB / 王波 推荐度：
- Tableau数据可视化:从入门到精通 PDF 电子书 / 20.8 MB / 王国平 推荐度：
- jQuery 前端开发实战 PDF 电子书 / 48.51MB / 刘鑫 推荐度：
- 锋利的jQuery PDF 电子书 / 194.9 MB / 单东林 张晓菲 魏 推荐度：
- 《HTML5+CSS3+jQuery应用之美》配套资源 配套资源 / 158.17 MB / [韩] Yamoo 著；武传海 译 推荐度：
正文内容
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
花了一晚上的时间解决了一个看似很容易的问题。今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在，但是由于此次用到的都是jquery插件，包括各种弹出框，用JS传值就得用JS那丑陋的弹出框，所以，你懂得。网上找了很多方法，用起来都不行，后来想到了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");
}
}}
);
小问题凝聚着大智慧，通过解决问题提高自己学习能力，解决问题的能力，是我一直崇尚的真理！
Jquery获取table中列值相关教程
-
基于jQuery实现选取月份插件附源码下载
这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置
发布时间：2019-07-24
-
jQuery中append()方法用法实例
这篇文章主要介绍了jQuery中append()方法用法,以实例形式较为详细的分析了append()方法的功能、定义与使用技巧,并对比分析了与text()方法的区别,需要的朋友可以参考下
发布时间：2019-08-28
-
JavaScript和jQuery实战手册
JavaScript可以大大改进网页的动画、交互性和视觉效果，但学习该门语言不太容易。本书通过一步步引导JavaScript基础知识，展示了如何使用jQuery（即预先写好的JavaScript代码库）来节省时间和精
大小：103 MBJavaScript电子书
-
jQuery实战从入门到精通
本书以理论与实践相结合的方式详尽讲述了 jQuery 基础、jQueryUI、jQuerMobile 相关知识和实战开发技术，适合作为jQuery 入门、jQuery Ajax、jQuery UI、jQuery Mobile 开发及案例方面的自学用书
大小：189.1 MBjQuery电子书
-
疯狂前端开发讲义：jQuery+AngularJS+Bootstrap前端开发实战
大小：131.7 MB前端开发电子书
-
jQuery Mobile从入门到精通
《jQuery Mobile从入门到精通》 一书以实例驱动的方式，用近百个实战案例讲述了jQuery Mobile及APP移动开发的相关知识，并通过5个项目案例展现开发流程。全书分为4部分，共19章：第1部分为移动开
大小：168.7 MBjQuery
-
Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践
本书是著名前端开发大牛阮晓龙老师爽作，HTML5、CSS3、jQuery、AJAX一站搞定，一本真正好学、实用又精彩的书，讲述了用HTML5 CSS3设计构建网站的必备知识，欢迎下载
大小：167.1 MBWeb前端电子书
-
jQuery实战
jQuery实战(第三版) 适用于想深入学习jQuery的Web开发人员，jQuery是互联网上流行的JavaScript框架。本书的目标是希望读者成为Web高级开发人员，无论起点如何。本书深入介绍了整个jQuery框架，此外
大小：99.0 MBjQuery电子书
-
jQuery EasyUI开发指南
使用Java开发软件的开发人员一定会接触到前端开发，而前端开发有一个流行趋势，那就是插件开发。jQuery EasyUI是目前Java Web领域流行的插件开发工具。《jQuery EasyUI开发指南》主要讲述EasyUI各种
大小：48.4 MBjQuery电子书
