<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tableTest.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
<script type="text/javascript">
//页面装载就加载函数
$(document).ready(function() {
//给所有的td单元格绑定一个click事件
//如果这个table的id为table1，那单给table1的所有td加click事件代码为：
// var tds = $("#table1").find("td");
var tds = $("td");
tds.click(tdclick);
});
function tdclick() {
//var td = $(this);
//var text = td.text();
// $(this)表示这个td单元格，
// .parent("tr")表示这个td的父节点
// .prevAll()表示这个tr前面有多少个tr
var hang = $(this).parent("tr").prevAll().length;
var lie = $(this).prevAll().length;
hang = Number(hang)+1;//字符串变为数字
lie = Number(lie)+1;
alert("第"+hang+"行"+"第"+lie+"列");
}
</script>
</head>
<body>
<table border="1px" width="300" id="table1">
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
q
</td>
<td>
t
</td>
</tr>
<tr>
<td>
a
</td>
<td>
2
</td>
<td>
q
</td>
<td>
y
</td>
</tr>
<tr>
<td>
b
</td>
<td>
2
</td>
<td>
3
</td>
<td>
b
</td>
</tr>
<tr>
<td>
c
</td>
<td>
2
</td>
<td>
q
</td>
<td>
4
</td>
</tr>
<tr>
<td>
d
</td>
<td>
2
</td>
<td>
q
</td>
<td>
f
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
5. jQuery的索引方法：使用.index()方法获取当前选中按钮在同级元素中的索引值。 6. jQuery的CSS样式应用：通过CSS设置了按钮和盒子的样式，使得点击不同的按钮会切换对应盒子的可见状态和背景颜色。 7. jQuery的...
本文将详细解析如何使用jQuery获取表单元素的各种值，包括文本框（TEXT）、文本区域（AREA TEXT）、复选框（CHECKBOX）、单选按钮（RADIO）、下拉列表（SELECT）以及表格（TABLE）中的数据。 ### 文本框（TEXT） ...
为了解决这一问题，我们可以利用jQuery库来实现表格的固定行列功能，让表头始终保持可见，即使在滚动时也是如此。本文将详细讲解如何使用jQuery实现这个功能。 首先，确保在项目中引入jQuery库，可以使用CDN链接...
这个方法返回的是input元素当前的值，如果是文本类型input，那么返回的就是文本框内用户输入的文本。值得注意的是，.val()方法获取的是表单元素的值，即如果input元素的type为text，那么返回的就是文本内容；如果...
本示例"jQuery JSON动态获取表格数据代码.zip"是关于如何利用jQuery和JSON来动态地填充表格数据，同时提供了一些交互功能，如折叠和展开表格行。下面将详细解释相关知识点。 首先，jQuery库的使用： 1. DOM操作：...
从提供的文件内容中，我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点： 1. jQuery选择器的使用：在文中，通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...
在jQuery中，`parent()`方法是最直观的用于获取当前元素的直接父元素的方法。例如，在提供的代码片段中，通过调用`$(".span1").parent().parent();`，我们可以依次向上遍历DOM树，找到`<span>`元素的直接父元素`<p>`...
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素，依次上溯 ——————————————————————————– 2.获取...
在本文中，我们将深入探讨如何使用jQuery和JSON来动态获取并显示表格数据。这个主题主要集中在利用jQuery的灵活性和JSON的轻量级数据交换格式，为网页中的表格提供动态加载和交互功能。以下是对给定标题和描述的详细...
jQuery作为一个广泛使用的JavaScript库，提供了丰富的插件来帮助开发者实现各种功能，包括表格分页。本篇文章将深入探讨jQuery插件在实现表格分页中的应用及其相关知识点。 一、jQuery和表格分页基础 1. jQuery...
### JS与jQuery获取父元素及删除子元素的不同方法 #### 一、概述 在Web开发过程中，经常需要处理DOM（Document Object Model）的操作，包括获取元素、修改元素属性以及删除元素等。本文将详细介绍如何使用...
在jQuery中，`.index()`是一个非常实用的方法，它允许我们获取元素在父元素中的位置，即索引值。在给定的标题和描述中，我们将详细探讨如何使用`.index()`函数来获取当前元素的索引值。 首先，让我们分析一下提供的...
接下来，我们可以使用`childNodes`来获取所有子节点，`parentNode`获取父节点，`nextSibling`和`previousSibling`分别获取当前元素的下一个和上一个兄弟节点，`firstChild`和`lastChild`则分别获取第一个和最后一个...
在这种情况下，结合jQuery的强大学习库，我们可以有效地管理和操作这些复杂的表格数据。以下是一些关于如何使用ASP.NET和jQuery处理不规则表格的关键知识点： 1. **ASP.NET表格控件**： ASP.NET提供了多种表格控件...
jjquery获取网站域名
数据展示时候，经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小，通过jquery的html()和append(）方法动态生成html表格的实例。
1. **选择表格元素**：使用jQuery的选择器（如`$('table')`）来选取表格元素，可以是整个表格，也可以是特定的行(`$('tr')`)，列(`$('td')`)或者单元格(`$('th')`)。 2. **动态插入和删除行/列**：使用`.append()`...
本文将详细阐述如何使用JS和jQuery获取父级元素、子级元素以及兄弟元素。 首先，让我们看看JS获取这些元素的方法。在纯JavaScript中，获取元素相对较为复杂，尤其是在处理不同浏览器的兼容性问题时。例如，获取ID为...
2. **初始化表格**：接着，对表格元素应用`DataTable()`方法，设置分页相关的参数，如每页显示的记录数、分页样式等。 ```html $(document).ready(function() { $('#example').DataTable({ "pageLength": 10, //...