日期:2014-05-20  浏览次数:20666 次

遇到个问题不会做,求大神帮忙!!!!!!!!!!
我现在要有个table,我要做的是当点击某一行的时候,判断这一行的第一列的值有没有和其他行的第一列的值相等,如果有,则值相等的行全部变个颜色。无思路,求大神帮忙看看要怎么实现。用JavaScript实现最好。
JavaScript

------解决方案--------------------
首先你给每一条都 添加一个class和一个onclick事件
点击的时候 js 获取当前点击行 得到行了之后就可以得到第一列的值 
再根据 class 遍历全部 找到一样的 用css 变色
------解决方案--------------------
<table border='1' name="aaa">
<tr onclick='jump(0);'><td id='0' name="aaa">tom</td></tr>
<tr onclick='jump(1);'><td id='1' name="aaa">jack</td></tr>
<tr onclick='jump(2);'><td id='2' name="aaa">tom</td></tr>
</table>

<script language="JavaScript">
  function jump(ind)
  {
   var tds = document.getElementsByTagName('td');
  
  
    for(var i=0;i<tds.length;i++)
   {
     // 重置初始状态
     var td=tds[i];
     td.style.backgroundColor="#FFFFFF"; 
   }
  
  
   for(var i=0;i<tds.length;i++)
   {
     var td=tds[i];
     
     if(td.innerText==tds[ind].innerText && i!=ind)
     {
      td.style.backgroundColor="#FF00FF"; 
      tds[ind].style.backgroundColor="#FF00FF"; 
     }
   }
}
</script>