將css應用到從數據庫檢索到的元素根據它們在數據庫中的值

這是我正在嘗試做的 - 我有一個MySQL表，其中包含字段即客戶端名稱，緊急名稱，完整名稱。並顯示此值字段我有一個HTML表格，包含字段 - 客戶名稱，緊急和完整。每行包含客戶名稱，緊急按鈕和完成按鈕。如果單擊表格行中的緊急按鈕，該按鈕的顏色將變爲紅色，如果您再次點擊該按鈕，然後再次達到原來的顏色。總之，它在兩個類之間切換。此時，數據庫中的緊急字段值從0（初始值）更新爲1.現在，當我重新加載頁面時，我想以紅色顯示值爲1的緊急按鈕。即我想根據它們在數據庫中的值將元素應用於元素。現在，我可以切換類來改變點擊時緊急按鈕的顏色並更新其值，但只要刷新頁面，它就會再次獲得其默認顏色。請讓我知道我將如何保留其顏色如果它的數據庫值是1，即使我刷新頁面。這是jQuery的代碼 -將css應用到從數據庫檢索到的元素根據它們在數據庫中的值

$(".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>

請讓我知道如果你需要更多的信息。在此先感謝。 Edited- 這是怎麼了我從我的檢索HTML表格數據數據庫 -

<?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>"; 
}

來源

2016-07-28 payal_suthar

難道你不能只使用和if/else來設置基於緊急值的每個按鈕的類，而你正在循環？ –

可以請你詳細說明...我沒有顯示在我的HTML表中的緊急字段的值，它只是顯示按鈕。而我想將該顏色更改爲紅色，如果它的值存儲在數據庫中是1. @ eskimo –

你是循環訪問數據庫表以爲表中的每條記錄創建一行？ –

喜歡的東西：

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。顯然，根據您的應用程序替換類名稱。

來源

2016-07-28 11:59:53 ADyson

將css應用到從數據庫檢索到的元素根據它們在數據庫中的值

回答

相關問題