データベースの値に基づいてデータベースから取り出された要素にCSSを適用するには

Question

ここに私がやろうとしているのは 私はこのテーブルの値を表示するために、すなわちclientname、urgent、complete.AndというMySQLテーブルを持っています。フィールド私はhtmlテーブルのフィールド - Clientname、緊急と完全。各行は、クライアント名、緊急のためのボタンとcomplete.Ifあなたがテーブルの行に緊急のボタンをクリックすると、そのボタンの色が赤に変わり、再度そのボタンをクリックすると、元の色に戻ります。要するに、2つのクラスの間で切り替えます。その瞬間、データベースで緊急フィールド値が0（初期値）から1に更新されます。ページをリロードすると、値1の緊急ボタンを赤色で表示します。すなわち、データベース内の値に基づいて要素にCSSを適用したい。 今は、クリック時に緊急ボタンの色を変更してその値を更新するようにクラスを切り替えることができますが、ページを更新するとすぐにデフォルトの色に戻ります。色を保持する方法を教えてください私はページを更新しても、データベースの値が1の場合。 は

$(".u").click(function() { 

    $(this).toggleClass("urgent"); 
    var ID = $(this).attr('id'); 


    $.ajax({ 
    type:"post", 
    url:"urgent.php", 
    data:{'keyid': ID}, 
    cache: false, 
success: function(html){ 

$("#clientsheet").after(html); 
} 
    });return false; 
}); 

コード - HTMLは、あなたがより多くの情報が必要な場合は私に知らせてください

<td style='text-align:center;'><button id=".$row['id']." class='u'>U</button></td> 

をコード - これはjqueryのです。 ありがとうございます。 Edited- このような何か、私はデータベース -

<?php 
include('db.php'); 
$fetch= mysqli_query($conn,"SELECT * FROM pendingwork ORDER BY clientname asc"); 

while($row=mysqli_fetch_array($fetch)){ 
    $id = $row['id']; 
      $newname = $row['clientname']; 
      echo "<tr id=".$row['id']."class='edit_tr'>"; 
       echo " <td class='edit' id=".$id." name=".$newname.">".$row['clientname']."</td> 
        <td style='text-align:center;'><button id=".$row['id']." class='u'>U</button></td> 
        <td></td> 
        <td style='text-align:center;'><button id=".$row['id']." class='del'>Del</button></td> 
      </tr>"; 
} 

Answer 1

から私のHTMLテーブルのデータを取得しています方法です：

echo " <td class='edit' id=".$id." name=".$newname.">".$row['clientname']."</td> 
       <td style='text-align:center;'><button id=".$row['id']." class='".($row["urgent"] == 1 ? "class1" : "class2")."'>U</button></td> 
       <td></td> 
       <td style='text-align:center;'><button id=".$row['id']." class='del'>Del</button></td> 
     </tr>"; 

このビットは、キーです：

($row["urgent"] == 1 ? "class1" : "class2") 

それはチェック値を「緊急」に設定し、使用するクラスを決定します。 「緊急」が1の場合、class1が適用され、それ以外の場合はclass2が適用されます。明らかに、アプリケーションに適したクラス名を置き換えてください。