javascript - 更改动态文本的样式

我在此页面上可能会更改文本，并且每个部分都有其颜色。
我本可以用PHP完成的，但这似乎不切实际。
我试图阅读一些javascript和jquery，以为它们会有所帮助，但没有任何帮助。

那么，有没有可行的方法呢？

这是我的代码：

index.php

 <?php
      $k=1;

      if($k==0){
          echo"<h class=client> Client </h>";
      }
      else if($k==1){
        echo
      "<h class=designer> Designer</h>" ;
      }
      else if($k==2){
       echo
      "<h class=developer> Developer</h>";
      }
      else if($k==3){
                echo
        "<h class=designer> Designer</h> & <h class=developer> Developer</h>";
        }

    ?>

stylesheet.css：

.client {
  color: blue;
}
.designer {
  color: yellow;
}
.developer {
  color: red;
}

因此输出应为蓝色“ client”或黄色“ designer”或红色“ developer”，或黄色“ designer”，黑色“ &”和黄色“ designer” ”，具体取决于k。

最佳答案

javascript的使用是过大的，您可能应该只使用php解决方案。

正如我在评论中提到的那样，您可以更改数据库设计，使其与您的应用程序互补。

在不详细了解程序工作原理的情况下，很难说出执行此操作的最佳方法-但正如我提到的，例如，您可以为$ k存储更多的语义值（即“ client”或“ designer”或“ designer” ，developer”），或者您可以为每个“标题”使用4个不同的布尔值-但同样，最好的方法实际上取决于您需要如何在整个应用程序中与这些信息进行交互。

第一个建议的快速实现如下所示：

// $k = "designer,developer";

if (strpos($k, ',') !== FALSE){
   $titles = explode(",",$k);
   $output = "";
   foreach($titles as $title){
      $output .= "<h class='". $title ."'>". ucfirst($title) ."</h> &amp; ";
   }
   echo rtrim($output, ' &amp; ');
} else {
echo "<h class='". $k ."'>". ucfirst($k) ."</h>";
}

关于javascript - 更改动态文本的样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20709451/