RT,要做个东西,简单的说就是一个表格,如何判断表格的哪一行被点击了呢?最好举个简单的例子,多谢各位~

解决方案 »

  1.   

    <!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=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    td { border:1px solid #CCC; }
    </style>
    <script type="text/javascript">
    window.onload = function() {
    var o = document.getElementsByTagName('body')[0].getElementsByTagName('tr');
    for(var i = 0; i < o.length; i ++) o[i].onclick = function() {
    alert(this.rowIndex);
    }
    }
    </script>
    </head><body>
    <table width="100%" border="0">
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>
    </body>
    </html>
      

  2.   

    给单元格绑定click事件,事件源就是单元格,再根据单元格判断几行几列
      

  3.   

    太简单了吧?这也问?jquery eq(index)
      

  4.   

    <td onclick="alert(this.parentElement.rowIndex)">
      

  5.   


    jquery用的不多= =。。 我去看看吧 
      

  6.   

    jQuery<script>
    $(function () {
                var tb = $("#tb1");
                var tr;
                for (var i = 0; i < 10; i++) {
                    tr = $("<tr></tr>").bind("click", {index:i}, function (o) {
                        alert("点击了第" + o.data.index + "行");
                    }).appendTo(tb);
                    $("<td>1</td>").appendTo(tr);
                    $("<td>2</td>").appendTo(tr);
                    $("<td>3</td>").appendTo(tr);
                    $("<td>4</td>").appendTo(tr);
                    $("<td>5</td>").appendTo(tr);
                    $("<td>6</td>").appendTo(tr);
                }        });
    </script>
    <table id="tb1"></table>