Question

当点击某一行中某一个单元格的超链接时，使该单元格改变颜色？如何用javasript实现，或者css直接实现。

如
<table>
<tr>
<td> <a href="#"> 变色1</a> </td>
<td> <a href="#"> 变色2</a> </td>
<td> <a href="#"> 变色3</a> </td>
</tr>
</table>
点击第一个链接时第一个单元格变色，再点击第二个链接时，第一个单元格恢复原来颜色，而第二个单元格变色。

Answer 1

<table>
<tr>
<td> <a href="#" onclick="changeColor(this)"> 变色1</a> </td>
<td> <a href="#" onclick="changeColor(this)"> 变色2</a> </td>
<td> <a href="#" onclick="changeColor(this)"> 变色3</a> </td>
</tr>
</table>

function changeColor(p){
    var td_obj=document.getElementsByTagName("td");
    for(var i=0;i<td_obj.length;i++){
       td_obj[i].style.backgroundColor="";
    }
    p.parentNode.style.backgroundColor="red";
}

是要的这种效果吗

追问

谢谢 这就是我想要的 不过 我把这个用到母版页了，然后每次改变跳转到子页面他会自动的变成原来的样子，不会保存我改过的样式。。亲 有办法吗？！？简单是说 就是我加载子界面如何保留母版已经改动的东西？！？！

追答

页面刷新肯定是没有了啊！你可以通过url的方式来处理。就是你把当前所点击的节点通过url的方式传参给目标页，再到目标页通过js获取传过来的参数，给它添加颜色。

Answer 2

加样式，顺序不能调转：
a:visited {color: blue}
a:active {color: red;}

追问

亲 完全木有用哦

追答

我的可以呀，可能是你设置了别的颜色，或者样式里有其他的颜色设置吧。

Answer 3

用jquery( $("#a").onclick(function(){ $("td").eq($(this).index()).css("background","yellow")});

追问

亲 可以具体点吗？？不太看的懂啊！？？！比如说

变色1
变色2
变色3

我把颜色孙在class e里 应该怎么弄呢？

追答

这是jquery语法： $(".e").eq(0).css("background","yellow");
建议你学学jquery
$(".e")代表 class"e" eq(0) 代表数组索引 css 是设置样式 改变背景颜色