php - 同じデータに対して同じ背景色を取得するにはどうすればよいですか？

Question

私はCodeIgniterPHPフレームワークを使用しています。

私のビューコード：

<?hp
    $nomor_III=1;

    foreach ($listPertanyaanBlokIII as $data){
        echo '<tr>';
        echo '<td>'.$nomor_III.'</td>';                                                        
        echo '<td style="text-align:left;padding-left:5px;">'.$data['jenis_barang'].'</td>';  
        echo '<td>'.$data['id_kualitas_barang'].'</td>';
        echo '<td style="text-align:left;padding-left:5px;">'.$data['kualitas_barang'].'</td>';
        echo '<td>'.$data['satuan'].'</td>';        
        echo '<td>'.form_input('res1_'.$data['id_kualitas_barang'].'').'</td>';
        echo '<td>'.form_input('res2_'.$data['id_kualitas_barang'].'').'</td>';
        echo '<td>'.form_input('res3_'.$data['id_kualitas_barang'].'').'</td>';
        echo '<td style="width:200px;"><textarea name="ket_'.$data['id_kualitas_barang'].'" rows="2" cols="30"></textarea></td>';
        echo '</tr>';

        $nomor_III=$nomor_III+1;
    }
?>

そして、ブラウザでの表示：

Num | Product  
----------------
1   | Plate
2   | Plate
3   | Glass
4   | Glass

同じ説明のデータを同じ背景色にする方法を教えてください。たとえば、「ガラス」は灰色になり、「プレート」は白になります。

Answer 1

色の説明をクラスとして追加するだけです。配列キーはわかりませんが、次のようになります。

echo '<td class="'.$data['description'].'">'.$data['description'].'</td>';

各説明に対応するクラスがあります。

.paku {
    background-color: #000000;
}

編集: ゼブラ テーブルが必要な場合は、CSS3 を使用できます。

tr:nth-child(even) {
  background-color: #DCDCDC;
}

tr:nth-child(odd) {
  background-color: #FFFFFF;
}

Answer 2

あなたが探しているのは、tbodyグループ化の目的のための要素です。同じタイプのすべての製品を同じボディに配置できるようにループを変更する必要があります。それが済んだら、tbodyにゼブラストライピングを行うことができます。

tbody:nth-child(odd) {
    background: #CCC;
}

<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>Plate</td>
        </tr>

        <tr>
            <td>2</td>
            <td>Plate</td>
        </tr>
    </tbody>

    <tbody>
        <tr>
            <td>3</td>
            <td>Glass</td>
        </tr>

        <tr>
            <td>4</td>
            <td>Glass</td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/V8xss/

別の質問への回答として、ループを変更する方法を示しました。whileループで テーブルデータを列ごとに表示しますtr（ただし、挿入されたタグをからに変更する必要がありますtbody）

Answer 3

サブストリングの一致を確認し、それに応じて背景色を適用できます