`

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 type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.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>

 

分享到:
评论
1 楼 poincare 2011-08-30  
我的表头比较复杂,貌似不怎么对啊

相关推荐

    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获取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.获取...

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

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

    jquery 获取当前元素的索引值

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

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

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

    jquery插件--表格分页

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

    jquery 操作表格

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

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

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

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

    一个基本的表格由`&lt;table&gt;`元素开始,包含若干个`&lt;tr&gt;`(行)元素,每个行内又包含若干`&lt;td&gt;`(单元格)或`&lt;th&gt;`(表头)元素。动态编辑表格的关键在于监听用户交互,如点击事件,然后更新相应的表格数据。 1. **...

    jQuery获取Select选择的Text和_Value

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

    jquery获取网站域名

    jjquery获取网站域名

    使用jquery实现表格动态分页

    2. **初始化表格**:接着,对表格元素应用`DataTable()`方法,设置分页相关的参数,如每页显示的记录数、分页样式等。 ```html $(document).ready(function() { $('#example').DataTable({ "pageLength": 10, //...

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

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

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

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

Global site tag (gtag.js) - Google Analytics