jquery - CSS，如果html是值，改变颜色

Question

抱歉不清楚，我的意思是这个。

目前在页面加载时，我获取具有特定 ID 的链接，我检查我的数据库，然后将结果返回到链接中。所以本质上:

<a href="#" class="switcher" id="Site_Gallery-<?php echo $item->id; ?>">...loading....</a>

成为:

<a id="Site_Gallery-563" class="switcher" href="#">Enabled</a>

或

<a id="Site_Gallery-563" class="switcher" href="#">Disabled</a>

我想做的是 CSS，或者可能在 ajax 调用(不理想)中查看该值，然后将链接颜色设置为绿色或红色。

我认为在 CSS 中可能有待办事项

.switcher='Enabled' {
  color: green;
} .switch='Disabled' {
  color: red;
}

有什么技巧可以做到这一点吗？ p.s 感谢您到目前为止的回答

Answer 1

很确定您无法使用直接 CSS 检查元素的值。在 jQuery 中它看起来像:

$(function(){
    $(".switcher").each(function(){
        if ($(this).text() == "Enabled"){
            $(this).addClass("enabled");
        } else {
            $(this).removeClass("enabled");
        }
    });
});

然后在 CSS 中，您可以只查找“已启用”类与“裸”切换器类:

.switcher{
    color:red;
}

.switcher.enabled{
    color:green;
}