更改行的颜色在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>";
}
添加style="background-color: #123"
到包含TD元素的TR元素。
$('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");
如果你想要的颜色的特定行
$('table tr:eq(3)').addClass('highlight')
更换次数(3)要突出显示该行的索引。尽管做这个服务器端可能是一个更好的主意:渲染后端的'高亮'类。
,谢谢你的宝贵答复。如何获得该行的索引。现在我正在做一个列的显示onclick一个popup.Onclick按钮在弹出窗口中,它必须改变整个行的颜色。我不知道如何去做 – Idsaru 2012-08-13 11:16:59
没有足够的信息。哪一排?你在那里输出列,而不是一排。张贴一些HTML或设置JSBin或其他东西。 – Utkanos 2012-08-13 10:31:00