当td没有任何标示时,在jQuery中实现获取其在表格中的行和列:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript" type="text/javascript" src="jquery-1.4.4.js"></script>
<script language="javascript">
    $(document).ready(function(){
        $("#MyTable").find("td").hover(function(){
            var hang = $(this).parent().prevAll().length+1;
            var lie = $(this).prevAll().length+1;
            $(":input").val("第"+hang+"行,第"+lie+"列");
        })
    })
</script>
<title>JQuery</title>
<style type="text/css">
    table{
        background:#FFCC99;}
    td{
        text-align:center;
        width:100px;
        height:30px;}
</style>
</head>
<body>
<table id="MyTable" border="1" cellpadding="2" cellspacing="0">
    <tr>
        <td>(1,1)</td>
        <td>(1,2)</td>
        <td>(1,3)</td>
    </tr>
    <tr>
        <td>(2,1)</td>
        <td>(2,2)</td>
        <td>(2,3)</td>
    </tr>
    <tr>
        <td>(3,1)</td>
        <td>(3,2)</td>
        <td>(3,3)</td>
    </tr>
</table>
<br />
<input type="text"  />
</body>
</html>

其中所用到了prevAll,其含义是查找当前元素之前所有的同辈元素。如图所示:

转载于:https://www.cnblogs.com/chenyt/archive/2011/01/25/1944633.html

jQuery无任何标示获取td在表格中的行数和列数相关推荐

  1. 【HTML 教程系列第 19 篇】HTML 表格中的行合并与列合并

    这是[HTML 教程系列第 19 篇],如果觉得有用的话,欢迎关注专栏. 在使用 Excel 的时候,会经常的用到合并单元格,而在 HTML 的表格中,有时我们也需要将横向的多个单元格或者纵向的多个单 ...

  2. HTML 表格中的行合并与列合并

    colspan是横向合并:rowspan是纵向合并. colspan是"column span(跨列)"的缩写.colspan属性用在td标签中,用来指定单元格横向跨越的列数: 单 ...

  3. PyQt5 技术篇-设置QTableWidget表格组件默认值实例演示,如何获取QTableWidget表格组件里的值,获取表格的行数和列数

    self.tableWidget.setItem(0, 0, QTableWidgetItem("设置值的内容")) 可以设置指定单元格里的值. self.tableWidget. ...

  4. Resultset获取行数和列数

    为什么80%的码农都做不了架构师?>>>    在Java中,获得ResultSet的总行数的方法有以下几种.  第一种:利用ResultSet的getRow方法来获得ResultS ...

  5. 如何获取ResultSet的行数和列数

    当我们执行数据库查询返回一个ResultSet的时候,很多情况下我们需要知道这个ResultSet的大小,即它的行数和列数.我们知道它的列数可以通过resultSet.getMetaData().ge ...

  6. Py之Xlrd:Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数、获取整行和整列的值(列表) 、指定单元格的内容/数据类型)之详细攻略

    Py之Xlrd:Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数.获取整行和整列的值(列表) .指定单元格的内容/数据类型)之详细攻略 目录 Xlrd的使用方法总 ...

  7. 用VBA得到EXCEL表格中的行数和列数

    用VBA得到EXCEL表格中的行数和列数 每种方法中上面的是Excel的行数,下面的是Excel的列数. 方法1: ActiveSheet.UsedRange.Rows.Count ActiveShe ...

  8. 同时删除Excel表格中多行隔行空白行

    Excel表格中要同时删除隔行的空白行,如果要一行一行地删除就太麻烦了,下面来介绍下如何同时删除Excel表格中多行的隔行空白行. 1.如下图所示,我们需要删除的是每一行下面的空白单元格 2.首先,全 ...

  9. 计算机excel中行高在哪里,电脑Excel表格怎么对行高和列宽进行调整

    电脑Excel表格怎么对行高和列宽进行调整 腾讯视频/爱奇艺/优酷/外卖 充值4折起 在我们使用Excel表格处理数据的时候,我们经常需要调整行高和列宽,今天小编就告诉大家电脑Excel表格怎么对行高 ...

最新文章

  1. Hash函数及其应用
  2. 强化学习笔记:Q-learning :temporal difference 方法
  3. 2.25~当svn服务器ip地址变了怎么办?
  4. IBASE save
  5. c++ 从 string 到 short
  6. CVPR2019 Oral!伯克利、麻省理工GAN图像合成最新成果(附开源代码)!
  7. Android ArryaList 笔记
  8. 数据库工作笔记004---mysql对结果字段进行判断的函数_Case when等
  9. Spring Boot整合Swagger3配置全局Token
  10. java随机发扑克牌程序,java_扑克牌小程序
  11. 通过无线AP轻松突破内网准入控制
  12. mysql分组函数、组函数、聚合函数、统计函数
  13. 主内存和工作内存是什么?
  14. 如何把PPT连背景一起复制?
  15. 一个springboot 项目a集成另一个springboot 项目b
  16. 这么设置USB Copy数据就能轻松备份到NAS
  17. 转义序列、转义说明、运算符及其优先顺序
  18. html5支持4k视频播放器,哪个是最好的4K视频播放器?五个最佳播放软件(个人经验)...
  19. Google Android EDLA协议及AER认证
  20. Python处理DICOM(02)--DICOM转PNG

热门文章

  1. epic登陆按钮一直在转_双剑合璧!GOG GALAXY 2.0官方支持Epic商店集成
  2. MySQL 索引类别与索引使用指南
  3. 数据结构 排序 java_Java数据结构之排序---选择排序
  4. 终端软件_DMSTerminal现场管控终端软件正式发布
  5. python类方法继承_python类的继承
  6. mysql n 识别_mysql – 不能有“不识别”的N:M关系吗?
  7. 我的世界java服务器刷_一个教程, 叫你如何在服务器刷op
  8. css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]
  9. go调用python3_在python3中使用google的protobuf以及gRPC-Go语言中文社区
  10. mac抹掉磁盘重装系统未能与服务器取得联系_Mac重装系统不再难:苹果电脑重装系统教程...