zoukankan      html  css  js  c++  java
  • jQuery无任何标示获取td在表格中的行数和列数

    当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;
            100px;
            height:30px;}
    </style>
    </head>
    <body>
    <table id="MyTable" border="1" cellpadding="2" cellspacing="0">
        
    <tr>
            
    <td>(11)</td>
            <td>(12)</td>
            <td>(13)</td>
        </tr>
        <tr>
            
    <td>(21)</td>
            <td>(22)</td>
            <td>(23)</td>
        </tr>
        <tr>
            
    <td>(31)</td>
            <td>(32)</td>
            <td>(33)</td>
        </tr>
    </table>
    <br />
    <input type="text"  />
    </body>
    </html>

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

     
  • 相关阅读:
    佛经中的 云何梵 什么意思?
    论节拍器的重要性,一定要习惯使用。
    Linux文件系统分析
    uboot启动内核分析
    Linux内核启动流程分析
    Linux内核配置机制与编译过程分析
    Linux内核源码目录结构分析
    Kconfig文件分析
    Ubuntu下安装make
    Ubuntu下交叉编译器gcc-4.6.2-glibc-2.13-linaro-multilib-2011.12的安装和使用
  • 原文地址:https://www.cnblogs.com/aaa6818162/p/2305747.html
Copyright © 2011-2022 走看看