3

AJAX、JSON、およびphpを使用してデータベースからデータを取得する、jquery Mobileに組み込まれたHTMLページがあります。次に、データベース/テーブルをループし、テーブルにデータを入力します。すべてが機能しており、順調に進んでいます。ただし、テーブル データ セルにデータが入力されると、テーブル データ セルの背景色を変更する方法がわかりません。IE: テーブル内の各レコードには、コードが完了すると、"RUNNING" または "CANCELLED" のテキスト値を持つ "Status" TEXT フィールドがあります。値に応じて、実行中またはキャンセルされたセルを緑または赤にする必要があります。赤はキャンセル、緑は実行中です。あなたが助けることができるなら、私に知らせてください。テーブルには AJAX、JSON、PHP MYSQL 配列が入力されるため、テーブルへの出力は次のようになります。

for(var i = 0; i < data.length; i++) {
     $('#output').append("<table width=100%><tr><td width=20%><b>"+data[i][1]+"</b></td><td width=20%><b>"+data[i][8]+"</b></td><td width=20%><b>"+data[i][2]+"</b></td><td class=statusClass width=20%><b>"+data[i][3]+"</b></td><td width=20%><b>"+data[i][4]+"</b></td></tr></table>");      
    }

このページの私のコードをすべて見たい場合は、お知らせください。

4

2 に答える 2

0

classその場で、値 (「RUNNING」または「CANCELLED」) に基づいて属性を適用できます。
要素と jQueryを使用しているため<table>、次のようになります。

$row = $('<tr />');
$row.append($('<td />', {
    text: item[1],
    class: item[0]
}));
$('#sampleTable').append($row);

フィドルの例

于 2013-04-15T18:53:04.000 に答える