javascript - 我想根据条件更改文本颜色

我正在尝试根据代码中使用的条件动态显示文本颜色变化。以下是我正在使用的代码。请帮助我解决这个问题。

<span class="pendtext" style="font-size:15px;">{{($duepay->status == 'issued') ? 'PENDING' : (($duepay->status == 'paid') ? 'SUCCESSFUL' : $duepay->status)}}</span>


<script>

if($duepay->status == 'issued'){
  $(".pendtext").css('color','green');
}
else{
  $(".pendtext").css('color','yellow');
}

</script>

最佳答案

如果使用PHP，为什么要使用JS？你也可以用PHP做

<span class="pendtext" style="font-size:15px;color:{{($duepay->status == 'issued')?'green':'yellow'}}">{{($duepay->status == 'issued') ? 'PENDING' : (($duepay->status == 'paid') ? 'SUCCESSFUL' : $duepay->status)}}</span>

关于javascript - 我想根据条件更改文本颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50756896/