更改行的颜色在JavaScript

如何更改特定行的颜色在一个表中的JavaScript更改行的颜色在JavaScript

foreach($this->paginator as $record) 
     { 
    echo "<td width='61'> <a href='#' class='test' data-id='" . $record['id']. "'>".  $record['id'] . "</td>"; 
      echo "<td width='61'>". $record['firstname'] . "</td>"; 

    }

来源

2012-08-13 Idsaru

没有足够的信息。哪一排？你在那里输出列，而不是一排。张贴一些HTML或设置JSBin或其他东西。 – Utkanos 2012-08-13 10:31:00

添加style="background-color: #123"到包含TD元素的TR元素。

来源

2012-08-13 10:32:04

$（'table tr：eq（'+ index +'）'）。css（“background-color”，“FF0000”）;就是这个问题的解决方案 – Idsaru 2012-08-13 14:20:57

你可以尝试使用CSS这样的;

tr:nth-child(even) {background: #CCC} 
tr:nth-child(odd) {background: #FFF}

或jQuery like;

$("#Your-ID > li:nth-child(odd)").addClass("odd");

来源

2012-08-13 10:33:03

@ blasteralfred.Many谢谢你的回复。做onclick列显示一个弹出。单击按钮在弹出窗口中，它必须改变整个行的颜色。我不知道如何做到这一点 – Idsaru 2012-08-13 11:26:01

你可以在jsfiddle.net上发布演示，并在这里发布链接？ – 2012-08-13 11:32:23

对不起friend.Am能够实现这个语句的代码$（'table tr：eq（'+ index +'）'）。css（“background-color”，“FF0000”）; – Idsaru 2012-08-13 14:19:30

如果你想要的颜色的特定行

$('table tr:eq(3)').addClass('highlight')

更换次数（3）要突出显示该行的索引。尽管做这个服务器端可能是一个更好的主意：渲染后端的'高亮'类。

来源

2012-08-13 10:36:42

，谢谢你的宝贵答复。如何获得该行的索引。现在我正在做一个列的显示onclick一个popup.Onclick按钮在弹出窗口中，它必须改变整个行的颜色。我不知道如何去做 – Idsaru 2012-08-13 11:16:59

更改行的颜色在JavaScript

回答

相关问题