比如有一个N行N列的table,里边的每个td都有click事件,当click事件触发的时候,怎样才能知道鼠标点击的是哪一行哪一列的td???

解决方案 »

  1.   

    thisonclick="alert(this.id)"
    你写函数的时候可以传一个this.id参数过去,就知道你点的是哪个了。
      

  2.   

    <html> 
    <head> 
    <script language="javascript"> 
    function doclick() 

    var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td alert("行号:" + (td.parentElement.rowIndex + 1) + ",内容:" + td.innerText); 

    </script> 
    </head> 
    <body> 
    <table onclick="doclick()"> 
    <tr> 
    <td> 
    9:00 
    </td> 
    <td> 
    10:00 
    </td> 
    </tr> 
    <tr> 
    <td> 
    11:00 
    </td> 
    <td> 
    12:00 
    </td> 
    </tr> 
    </table> 
    </body> 
    </html> 
      

  3.   


    <table width="200" border="1">
    <tr id="tr1" onclick="alert(this.id);">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr id="tr2" onclick="alert(this.id);">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr id="tr3" onclick="alert(this.id);">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
      

  4.   

    jquery操作,简洁明了,统统都获取到了。希望对楼主有帮助<body>
        <table id="mytable">
            <tr>
                <td>
                    111111
                </td>
                <td>
                    22222
                </td>
            </tr>
            <tr>
                <td>
                    33333
                </td>
                <td>
                    44444
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                    55555
                </td>
                <td>
                    66666
                </td>
                <td>
                    77777
                </td>
            </tr>
        </table>
    </body>
    </html>
    <script>
        $(function () {
            //跟id为mytable下面的td绑定点击事件        $("#mytable td").click(function () {
                //获取当前td的父节点tr,然后查找当前td在第几列。            var tdSeq = $(this).parent().find("td").index($(this)[0]);
                //查找当前tr在第几行。            var trSeq = $(this).parent().parent().find("tr").index($(this).parent()[0]);
                alert("第" + (trSeq + 1) + "行,第" + (tdSeq + 1) + "列,值" + $(this).text());
            });
        });
    </script>
      

  5.   


     <TABLE border="1">
     <TR>
    <TD onclick="fun(this)">aaa</TD>
    <TD onclick="fun(this)">bbb</TD>
    <TD onclick="fun(this)">ccc</TD>
     </TR>
     <TR>
    <TD onclick="fun(this)">ddd</TD>
    <TD onclick="fun(this)">eee</TD>
    <TD onclick="fun(this)">fff</TD>
     </TR>
     </TABLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function fun(TDobj){alert("第"+(TDobj.parentNode.rowIndex+1) +'行,第'+(TDobj.cellIndex+1)+"列")}
      //-->
      </SCRIPT>