当点击某一行中某一个单元格的超链接时，使该行改变颜色？

本帖最后由 sun283211093 于 2012-07-06 09:33:09 编辑

解决方案 »

  1.   

    给本行所有td取个name根据int i 的值
    可以加onclick 在a标签中 加入i值为入参
    black函数通过获得name == td_i 的标签对这些标签进行变色处理
      

  2.   

    能把代码写一下吗，我对javasript不太了解，还有我想当点击其他链接时，这个行恢复原来的
      

  3.   

    <html>
    <head>
    <title></title>
    <style type="text/css">
        .trbg
        {
            background-color:Red;
         }
    </style>
        <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        function change(obj) {
            $(obj).parent().parent().addClass("trbg").siblings().removeClass("trbg"); 
        }
    </script>
    </head>
    <body>
    <table border="1" cellpadding="0" cellspacing="0">
    <tr>
    <td>1</td>
    <td><a  href="#" onclick="change(this)">奋斗奋斗</a></td>
    <td>1</td>
    </tr>
    <tr>
    <td>2</td>
    <td><a  href="#" onclick="change(this)">奋斗奋斗</a></td>
    <td>2</td>
    </tr>
    <tr>
    <td>3</td>
    <td><a  href="#" onclick="change(this)">奋斗奋斗</a></td>
    <td>3</td>
    </tr>
    <tr>
    <td>4</td>
    <td><a  href="#" onclick="change(this)">奋斗奋斗</a></td>
    <td>4</td>
    </tr>
    </table>
    </body>
    </html>
      

  4.   

    我解决了，代码如下<html>
    <head><script type="text/javascript">
    function   getIndex(){
     //当单击某一行时获取该行行号 
    return event.srcElement.parentElement.parentElement.rowIndex;
    };
    function black(tableid,rowid){for(var i=0; i< tableid.rows.length; i++) {
    var objRow=tableid.rows(i);
    if(rowid == i) {
    //objRow.style.backgroundColor = "#eee";  
    objRow.className="tr_click";
    }else{
    //objRow.style.backgroundColor = "white";  
    objRow.className="";
    }
    }
    }
    </script><style type="text/css">
    .tr_click{ background-color: #eee;}
    </style></head>
    <body>
    <table id="test1">
    <tr>
    <td> <a href="#" onClick="black(test1,getIndex())">变色</a> </td>
    <td> 1111</td>
    <td>12121</td>
    </tr>
    <tr>
     
    <td> <a href="#" onClick="black(test1,getIndex())"> 变色</a> </td>
    <td>12121</td>
     <td>12121</td>
    </tr>
    <tr>
    <td> <a href="#" onClick="black(test1,getIndex())">变色</a> </td>
    <td> 1111</td>
    <td>12121</td>
    </tr>
    </table>
    </body>
    </html>