`
cleaneyes
  • 浏览: 343482 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

用jQuery取得table中某一个tr的index值

阅读更多

我们在table的row上定义事件,经常需要获得该行的行数。行数都从0开始计数。

 

var myRows = $('.table_gray tbody tr').click(
		   function() {

		       index =  $(this).index() ;  
		        //利用jquery提供的取序号的方法
		        index1 = myRows.index(this);

//TR的属性,其序号计算范围在tbody内,与上一方法结果一致
                        index2 = this.sectionRowIndex;

//TR的属性,其序号计算范围包括所有的TR
                        index3 = this.rowIndex;
		      
		       
		    }
		   }
		);
 

 

 

分享到:
评论

相关推荐

    jQuery实现table中的tr上下移动并保持序号不变

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。本示例主要关注如何利用jQuery实现在HTML表格(table)中移动行(tr)的同时保持行内的序号不变,这...

    JQuery获取table一列值

    使用 JQuery 可以非常方便地获取表格(`<table>`)中某一列的所有值。下面将详细介绍如何使用 JQuery 来实现这一功能,并对给定代码片段进行解析。 #### 一、JQuery简介 JQuery 是一个快速、简洁的 JavaScript 库...

    用Jquery获取table中td的值

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本篇文章将深入探讨如何使用jQuery来获取HTML表格(table)中的td(表格数据单元格)的值。首先,我们需要理解jQuery...

    jquery实现table的动态排序

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。对于"jquery实现table的动态排序"这个主题,我们将会深入探讨如何利用jQuery来实现表格数据的动态排序,以便用户可以...

    基于Jquery的前台按表头排序table tr th

    在网页开发中,数据展示通常会使用到表格(table)元素,而为了提供更好的用户体验,我们经常需要实现表格数据的动态排序功能。本教程将详细讲解如何使用Jquery库实现前端表格(table)按表头(th)进行排序。Jquery...

    jQuery实现table上移下移和置顶

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画制作。本主题将详细探讨如何使用jQuery实现表格(table)中的行上移、下移和置顶功能,这对于数据排序和用户交互至关重要。 ...

    jquery遍历table的tr获取td的值实现方法

    在遍历表格的过程中,每当找到一个表单元格内的输入值时,便通过`alert()`弹出对话框显示该值。这对于演示程序运行结果非常直观,但在实际开发中,往往需要将数据展示到界面上,而不会使用`alert()`弹窗。 知识点六...

    jQueryUI拖拽效果_拖拽div的值到table表格里面

    在本文中,我们将深入探讨如何使用jQuery UI库实现一个功能,即允许用户将div元素的值拖拽到HTML表格中。这个功能对于构建交互式、动态的网页界面非常有用,可以提升用户体验,使得数据操作更加直观和便捷。我们将...

    Jquery根据table提供的数据画折线图,柱状图,圆饼图。

    本示例中的"Jquery根据table提供的数据画折线图,柱状图,圆饼图"是一个利用jQuery来实现动态图表生成的应用。接下来,我们将详细讨论如何使用jQuery以及可能涉及的相关技术来创建这些图表。 首先,jQuery是一个...

    jQuery实现动态更改table表格数据

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本教程将深入探讨如何使用jQuery实现动态更改table表格数据,让你的网页表格具有实时编辑功能,提升用户体验。 ...

    css+jquery完美实现table表头固定显示(浮动)

    例如,可以写一个函数,在滚动事件触发时,计算出表头应有的top值,然后使用`css()`方法设置样式。 HTML部分,我们需要有一个包含`thead`和`tbody`的`table`元素。`thead`用于存放表头,`tbody`用于存放数据行。...

    jQuery tablefilter demo

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。jQuery tablefilter是这个强大库的一个插件,专门用于实现对HTML表格的数据进行实时筛选,无需页面刷新...

    table 绑定数据 jquery 分页

    示例代码中,首先定义了一个HTML页面结构,包括一个按钮`#btnSearch`用于触发搜索,一个输入框`#txtSearch`用于输入搜索条件,以及一个`div`容器`#divSearchResult`用于展示搜索结果。 #### 2.2 使用JQuery进行事件...

    用jQuery的treetable实现的树形table

    TreeTable是一种结合了表格和树状视图的数据展示方式,它在每个表格行中添加了一个展开/折叠按钮,使得用户可以展开或隐藏子级行。通过这种方式,我们可以有效地管理大量具有层级关系的数据,使得界面更加整洁且易于...

    jquery实现table内数据排序,点击即可

    在这个项目中,`jQuery`被用来实现一个功能,即在HTML表格(`table`)中对数据进行排序,用户只需点击表头就能看到排序的效果。这种方式相较于在服务器端进行排序,具有更高的效率,因为数据的处理是在客户端完成的...

    jQuery删除table指定行

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对表格(table)的操作。本文将深入探讨如何使用jQuery来删除HTML表格中的指定行。 首先,理解HTML表格的基本结构至关重要。一个...

    jQuery实现html table行Tr的复制、删除、计算功能

    本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下: 添加行: function addtr(){ var tr = $(#tb tr).eq(0)....index 要删除的 table 的 tr 的下标 $(#tb_id tr

    jquery实现递归tr子节点

    jquery实现递归table-tr,可并记录tr对应的index,写入Array中,方便后期处理。 jquery实现递归table-tr,可并记录tr对应的index,写入Array中,方便后期处理。

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

    在本文中,作者详细阐述了在使用jQuery处理表格数据时,如何获取某列中的特定值。这里的目标是获取一个ID值,而这通常在使用JavaScript原生方法时不会遇到困难。不过,在本例中,因为项目中主要使用了jQuery插件来...

    Jquery获得鼠标在Table上的行号列号,以及值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。当涉及到表格(Table)交互,特别是需要获取用户在表格上点击时的行号、列号以及该位置的数据时,jQuery提供了一些...

Global site tag (gtag.js) - Google Analytics