2012-08-13 85 views
0

如何更改特定行的顏色在一個表中的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>"; 

    } 
+0

沒有足夠的信息。哪一排?你在那裏輸出列,而不是一排。張貼一些HTML或設置JSBin或其他東西。 – Utkanos 2012-08-13 10:31:00

回答

0

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

+0

$('table tr:eq('+ index +')')。css(「background-color」,「FF0000」);就是這個問題的解決方案 – Idsaru 2012-08-13 14:20:57

0

你可以嘗試使用CSS這樣的;

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

或jQuery like;

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

@ blasteralfred.Many謝謝你的回覆。做onclick列顯示一個彈出。單擊按鈕在彈出窗口中,它必須改變整個行的顏色。我不知道如何做到這一點 – Idsaru 2012-08-13 11:26:01

+0

你可以在jsfiddle.net上發佈演示,並在這裏發佈鏈接? – 2012-08-13 11:32:23

+0

對不起friend.Am能夠實現這個語句的代碼$('table tr:eq('+ index +')')。css(「background-color」,「FF0000」); – Idsaru 2012-08-13 14:19:30

0

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

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

更換次數(3)要突出顯示該行的索引。儘管做這個服務器端可能是一個更好的主意:渲染後端的'高亮'類。

+0

,謝謝你的寶貴答覆。如何獲得該行的索引。現在我正在做一個列的顯示onclick一個popup.Onclick按鈕在彈出窗口中,它必須改變整個行的顏色。我不知道如何去做 – Idsaru 2012-08-13 11:16:59