jQuery无任何标示获取td在表格中的行数和列数
当td没有任何标示时,在jQuery中实现获取其在表格中的行和列:
<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在表格中的行数和列数相关推荐
- 【HTML 教程系列第 19 篇】HTML 表格中的行合并与列合并
这是[HTML 教程系列第 19 篇],如果觉得有用的话,欢迎关注专栏. 在使用 Excel 的时候,会经常的用到合并单元格,而在 HTML 的表格中,有时我们也需要将横向的多个单元格或者纵向的多个单 ...
- HTML 表格中的行合并与列合并
colspan是横向合并:rowspan是纵向合并. colspan是"column span(跨列)"的缩写.colspan属性用在td标签中,用来指定单元格横向跨越的列数: 单 ...
- PyQt5 技术篇-设置QTableWidget表格组件默认值实例演示,如何获取QTableWidget表格组件里的值,获取表格的行数和列数
self.tableWidget.setItem(0, 0, QTableWidgetItem("设置值的内容")) 可以设置指定单元格里的值. self.tableWidget. ...
- Resultset获取行数和列数
为什么80%的码农都做不了架构师?>>> 在Java中,获得ResultSet的总行数的方法有以下几种. 第一种:利用ResultSet的getRow方法来获得ResultS ...
- 如何获取ResultSet的行数和列数
当我们执行数据库查询返回一个ResultSet的时候,很多情况下我们需要知道这个ResultSet的大小,即它的行数和列数.我们知道它的列数可以通过resultSet.getMetaData().ge ...
- Py之Xlrd:Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数、获取整行和整列的值(列表) 、指定单元格的内容/数据类型)之详细攻略
Py之Xlrd:Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数.获取整行和整列的值(列表) .指定单元格的内容/数据类型)之详细攻略 目录 Xlrd的使用方法总 ...
- 用VBA得到EXCEL表格中的行数和列数
用VBA得到EXCEL表格中的行数和列数 每种方法中上面的是Excel的行数,下面的是Excel的列数. 方法1: ActiveSheet.UsedRange.Rows.Count ActiveShe ...
- 同时删除Excel表格中多行隔行空白行
Excel表格中要同时删除隔行的空白行,如果要一行一行地删除就太麻烦了,下面来介绍下如何同时删除Excel表格中多行的隔行空白行. 1.如下图所示,我们需要删除的是每一行下面的空白单元格 2.首先,全 ...
- 计算机excel中行高在哪里,电脑Excel表格怎么对行高和列宽进行调整
电脑Excel表格怎么对行高和列宽进行调整 腾讯视频/爱奇艺/优酷/外卖 充值4折起 在我们使用Excel表格处理数据的时候,我们经常需要调整行高和列宽,今天小编就告诉大家电脑Excel表格怎么对行高 ...
最新文章
- Hash函数及其应用
- 强化学习笔记:Q-learning :temporal difference 方法
- 2.25~当svn服务器ip地址变了怎么办?
- IBASE save
- c++ 从 string 到 short
- CVPR2019 Oral!伯克利、麻省理工GAN图像合成最新成果(附开源代码)!
- Android ArryaList 笔记
- 数据库工作笔记004---mysql对结果字段进行判断的函数_Case when等
- Spring Boot整合Swagger3配置全局Token
- java随机发扑克牌程序,java_扑克牌小程序
- 通过无线AP轻松突破内网准入控制
- mysql分组函数、组函数、聚合函数、统计函数
- 主内存和工作内存是什么?
- 如何把PPT连背景一起复制?
- 一个springboot 项目a集成另一个springboot 项目b
- 这么设置USB Copy数据就能轻松备份到NAS
- 转义序列、转义说明、运算符及其优先顺序
- html5支持4k视频播放器,哪个是最好的4K视频播放器?五个最佳播放软件(个人经验)...
- Google Android EDLA协议及AER认证
- Python处理DICOM(02)--DICOM转PNG
热门文章
- epic登陆按钮一直在转_双剑合璧!GOG GALAXY 2.0官方支持Epic商店集成
- MySQL 索引类别与索引使用指南
- 数据结构 排序 java_Java数据结构之排序---选择排序
- 终端软件_DMSTerminal现场管控终端软件正式发布
- python类方法继承_python类的继承
- mysql n 识别_mysql – 不能有“不识别”的N:M关系吗?
- 我的世界java服务器刷_一个教程, 叫你如何在服务器刷op
- css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]
- go调用python3_在python3中使用google的protobuf以及gRPC-Go语言中文社区
- mac抹掉磁盘重装系统未能与服务器取得联系_Mac重装系统不再难:苹果电脑重装系统教程...