如何使用 jQuery 设置 php 值的颜色？答案

【问题标题】：How to set the color of php value with jQuery?如何使用 jQuery 设置 php 值的颜色？
【发布时间】：2020-09-01 15:15:38
【问题描述】：

我喜欢根据值的内容使用 jQuery 设置 php 变量的颜色。所以这是代码...

<span style="font-size: revert;" id="anart"><strong><?php echo esc_attr($phpvalue); ?></strong></span>

如果变量的输出是“Jackson”，字体颜色应该是黄色，否则如果是“David”，它应该是蓝色。如何在 jQuery 中实现这一点？

谢谢你:)

【问题讨论】：

如果您已经在使用 PHP，您是否还有不想使用 PHP 设置颜色的原因？

标签： javascript php jquery css

【解决方案1】：

试试这个。希望它会起作用。

$( document ).ready(function() {
  let $text = $('#anart strong');
  if($text.text() === 'Jackson'){
    $text.css('color','yellow');
  }
  if($text.text() === 'David'){
    $text.css('color','blue');
  }
});

【讨论】：

【解决方案2】：

你可以在没有 jQuery 的情况下使用 switch case 来做到这一点。

var anart = document.querySelector('#anart');

switch (anart.innerText) {
  case "Jackson":
    anart.style.color = "yellow";
    break;

  case "David":
    anart.style.color = "blue";
}

【讨论】：