html - 在javascript中更改行颜色

Question

如何在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>";

   }

Answer 1

如果您想为特定行着色

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

将数字 (3) 替换为要突出显示的行的索引。不过，做这个服务器端可能是一个更好的主意：在后端渲染“highlight”类。

Answer 2

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

Answer 3

您可以尝试使用 CSS 之类的；

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

或 jQuery 之类的；

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