`

jquery 获取当前元素 表格所在的行列数

 
阅读更多
<!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获取当前点击的对象元素(实现代码)

    jQuery获取当前点击的对象元素(实现代码) [removed][removed] &lt;/head&gt; &lt;body&gt; 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...

    jQuery实现获取元素索引值index的方法

    5. jQuery的索引方法:使用.index()方法获取当前选中按钮在同级元素中的索引值。 6. jQuery的CSS样式应用:通过CSS设置了按钮和盒子的样式,使得点击不同的按钮会切换对应盒子的可见状态和背景颜色。 7. jQuery的...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    jquery固定表格行列

    为了解决这一问题,我们可以利用jQuery库来实现表格的固定行列功能,让表头始终保持可见,即使在滚动时也是如此。本文将详细讲解如何使用jQuery实现这个功能。 首先,确保在项目中引入jQuery库,可以使用CDN链接...

    jquery获取form表单input元素值的简单实例

    这个方法返回的是input元素当前的值,如果是文本类型input,那么返回的就是文本框内用户输入的文本。值得注意的是,.val()方法获取的是表单元素的值,即如果input元素的type为text,那么返回的就是文本内容;如果...

    jQuery JSON动态获取表格数据代码.zip

    本示例"jQuery JSON动态获取表格数据代码.zip"是关于如何利用jQuery和JSON来动态地填充表格数据,同时提供了一些交互功能,如折叠和展开表格行。下面将详细解释相关知识点。 首先,jQuery库的使用: 1. DOM操作:...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    jquery获取父对象

    在jQuery中,`parent()`方法是最直观的用于获取当前元素的直接父元素的方法。例如,在提供的代码片段中,通过调用`$(".span1").parent().parent();`,我们可以依次向上遍历DOM树,找到`&lt;span&gt;`元素的直接父元素`&lt;p&gt;`...

    jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

    1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————————————————– 2.获取...

    jQuery JSON动态获取表格数据代码

    在本文中,我们将深入探讨如何使用jQuery和JSON来动态获取并显示表格数据。这个主题主要集中在利用jQuery的灵活性和JSON的轻量级数据交换格式,为网页中的表格提供动态加载和交互功能。以下是对给定标题和描述的详细...

    jquery插件--表格分页

    jQuery作为一个广泛使用的JavaScript库,提供了丰富的插件来帮助开发者实现各种功能,包括表格分页。本篇文章将深入探讨jQuery插件在实现表格分页中的应用及其相关知识点。 一、jQuery和表格分页基础 1. jQuery...

    js与jquery获取父元素,删除子元素的两种不同方法.docx

    ### JS与jQuery获取父元素及删除子元素的不同方法 #### 一、概述 在Web开发过程中,经常需要处理DOM(Document Object Model)的操作,包括获取元素、修改元素属性以及删除元素等。本文将详细介绍如何使用...

    jquery 获取当前元素的索引值

    在jQuery中,`.index()`是一个非常实用的方法,它允许我们获取元素在父元素中的位置,即索引值。在给定的标题和描述中,我们将详细探讨如何使用`.index()`函数来获取当前元素的索引值。 首先,让我们分析一下提供的...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.pdf

    接下来,我们可以使用`childNodes`来获取所有子节点,`parentNode`获取父节点,`nextSibling`和`previousSibling`分别获取当前元素的下一个和上一个兄弟节点,`firstChild`和`lastChild`则分别获取第一个和最后一个...

    asp.net处理不规则表格 结合jquery处理不规则表格

    在这种情况下,结合jQuery的强大学习库,我们可以有效地管理和操作这些复杂的表格数据。以下是一些关于如何使用ASP.NET和jQuery处理不规则表格的关键知识点: 1. **ASP.NET表格控件**: ASP.NET提供了多种表格控件...

    jQuery获取Select选择的Text和_Value

    可以使用 `$('input[@name=items]').get(1).checked = true` 方法获取 Radio 单选组的第二个元素为当前选中值。 5. 获取文本框的值: 可以使用 `$("#txt").attr("value")` 方法获取文本框的值。 6. 获取多选框 ...

    jquery获取网站域名

    jjquery获取网站域名

    jquery实现动态生成表格

    数据展示时候,经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小,通过jquery的html()和append()方法动态生成html表格的实例。

    jquery 操作表格

    1. **选择表格元素**:使用jQuery的选择器(如`$('table')`)来选取表格元素,可以是整个表格,也可以是特定的行(`$('tr')`),列(`$('td')`)或者单元格(`$('th')`)。 2. **动态插入和删除行/列**:使用`.append()`...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.docx

    本文将详细阐述如何使用JS和jQuery获取父级元素、子级元素以及兄弟元素。 首先,让我们看看JS获取这些元素的方法。在纯JavaScript中,获取元素相对较为复杂,尤其是在处理不同浏览器的兼容性问题时。例如,获取ID为...

Global site tag (gtag.js) - Google Analytics