CSS，如果html是值，則更改顏色

Question

對不起，不清楚，我的意思是這個。

當前在頁面加載時，我獲取具有特定ID的鏈接，檢查數據庫，然后將結果json返回鏈接。 所以本質上：

<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;
}

有什么技巧可以做到這一點嗎？ ps感謝您到目前為止的回答

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;
}

Answer 2

 val =  $('#toggleElement').val()
  if(val!==''){
   $('#toggleElement').css('color','green')
}

Answer 3

也許

$('a[enabled]').css('color', 'green');

是朝着正確方向邁出的一步，或者

$('a[enabled=true]').css('color', 'green');

Answer 4

您可能正在尋找:active和:focus偽選擇器。

Answer 5

嘗試這個：

$('a#id').change(function() {
   $(this).css('color', 'green');
});

但這是行不通的，因為您不能“更改”超鏈接html，除非沒有其他腳本。 功能change旨在與文本輸入（如表格中的輸入）一起使用

希望我有所幫助。

編輯：剛得到您的意思（我認為）。 如果啟用，則表示鼠標懸停在鏈接上時，css偽類:hover可以很好地實現此目的。 在Google上檢查，您將獲得大量結果

Answer 6

一些情況

如果enabled ，則表示

• 將鼠標懸停在它上面：使用CSS a#id:hover{...}
• 鼠標單擊 ：使用CSS a#id:active{...}
• 您當前正在查看鏈接的內容 ：單擊鏈接后（ 如果使用ajax ），需要使用jQuery添加一個類。 或以某種方式解析該URL，將其與鏈接的href匹配，然后向其中添加一個類（ 盡管不建議使用..最好使用服務器端腳本。 ）

Answer 7

有關如何使用CSS設置鏈接樣式的頁面： http ： //www.echoecho.com/csslinks.htm