如何在 Javascript 的表格中更改类样式文本“Nonaktif”？答案

【问题标题】：How to change class style text "Nonaktif" in table on Javascript?如何在 Javascript 的表格中更改类样式文本“Nonaktif”？
【发布时间】：2020-02-09 10:22:55
【问题描述】：

我想将徽章颜色文本“Nonaktif”更改为红色， enter image description here

这是我的 td：

<tr>
  <td><?php echo $no++ ?></td>
  <td><?php echo $bk->kode_kas?></td>
  <td><?php echo $bk->nama_kas?></td>
  <td><?php echo "Rp. ".number_format($bk->saldo_kas,0,',','.')?></td>
  <td><h5><span id="status" class="badge badge-pill badge-success"><?php echo $bk->status_kas?></span></h5></td>
  <td><?php echo $bk->ket_kas?></td>

【问题讨论】：

代码中的文本在哪里？
<span id="status" class="badge badge-pill badge-<?= $bk->status_kas == 'Nonaktif' ? 'danger' : 'success'>">
您的问题有点含糊，因此很难提供帮助:) 请详细说明。颜色与 css 相关（您有 css 文件还是使用任何客户端框架）。

标签： javascript php html codeigniter

【解决方案1】：

您可以像这样在类属性上添加一个小条件：

<h5><span id="status" class="badge badge-pill <?= $bk->status_kas == 'Nonaktif' ? 'badge-info': 'badge-success'; ?>"><?= $bk->status_kas ?></span></h5>

【讨论】：