根据在数据库中的值将 css 应用于从数据库中检索的元素答案

【问题标题】：To apply css to the elements retrieved from database based on their value in database根据在数据库中的值将 css 应用于从数据库中检索的元素
【发布时间】：2016-12-02 17:06:55
【问题描述】：

这就是我想要做的- 我有一个 MySQL 表，其中包含字段，即客户端名称、紧急、完整。为了显示此字段的值，我有一个包含字段的 html 表-客户端名称、紧急和完整。每行包含客户端名称、紧急按钮和完成按钮.如果您单击表格行中的紧急按钮，则该按钮的颜色变为红色，如果您再次单击该按钮，则它再次获得其原始颜色。简而言之，它在两个类之间切换。此时，在数据库中的紧急字段值从 0（初始值）更新为 1。现在，当我重新加载页面时，我想以红色显示值为 1 的紧急按钮。 IE我想根据元素在数据库中的值将 css 应用于元素。现在，我可以切换类以更改单击时紧急按钮的颜色并更新其值，但是一旦我刷新页面，它就会再次达到其默认颜色。请告诉我，如果它在数据库中的值为 1 ，即使我刷新页面。这是jquery代码-

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

如果您需要更多信息，请告诉我。提前致谢。编辑—— 这就是我从数据库中检索我的 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>";
}

【问题讨论】：

你不能在循环时根据紧急值使用 if/else 来设置每个按钮的类吗？
你能否详细说明...我没有在我的 html 表中显示紧急字段的值，它只是显示按钮。如果存储在数据库中的值是，我想将该颜色更改为红色1.@eskimo
您是否正在循环访问您的数据库表为表中的每条记录创建一行？
我正在使用 while 循环从数据库中检索 html 表数据...请检查已编辑的 post@eskimo
所以在你的循环中只检查$row['urgent'] == 不管。如果是这样，请为您的按钮添加一个类

标签： javascript jquery html mysql css

【解决方案1】：

类似：

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。显然根据您的应用程序替换类名。

【讨论】：