CSS, html이 값인 경우 색을 변경하십시오.

Question

죄송합니다. 불분명 함을 의미하기 때문에 이것은 의미합니다.

현재 페이지로드시 특정 ID로 링크를 가져오고, 데이터베이스를 확인한 다음 결과를 링크로 다시 보냅니다. 그래서 본질적 :

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

또는 내가 할 일이 아약스 호출 (좋지 않은)에 CSS, 또는 어쩌면 싶습니다 무엇

이

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

것을 볼 수 있습니다 :

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

중 하나되다 값을 선택한 다음 링크 색을 녹색 또는 빨간색으로 설정하십시오.

나는 멀리해야 할 일

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

이 할 일이 어떤 트릭이 있습니까있을 수 있습니다 CSS의 생각? ,

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

그러나 그것은 작동하지 않습니다 때문에 당신이 할 수없는없는 다른 스크립트없이 "변화"하이퍼 링크의 HTML, : 귀하의 답변 p.s 덕분에 지금까지

Answer 1

직선 CSS를 사용하여 요소 값을 확인할 수는 없습니까? 당신은 단지 "벌거 벗은"전환기 클래스 대 "활성화"클래스를 찾을 수있는 CSS에서

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

다음 : jQuery를 그것은 같을 것이다

.switcher{ 
    color:red; 
} 

.switcher.enabled{ 
    color:green; 
} 

Answer 2

이보십시오. 기능 change은 양식에있는 것과 같은 텍스트 입력과 함께 사용해야합니다.

희망이 있습니다.

편집 : 방금 무슨 뜻인지 알았어. 사용 설정하면 마우스가 링크 위에있을 때 CSS 유사 클래스 :hover이 잘 수행됩니다. 구글에 그것을 확인, 당신은 결과

Answer 3

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

Answer 4

의 톤 어쩌면

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

는 CSS를 사용하여 링크 스타일을하는 방법에 대한 올바른 방향으로 단계, 또는 어쩌면

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

Answer 5

페이지입니다 얻을 : http://www.echoecho.com/csslinks.htm

Answer 6

:active 및을 찾고있을 수 있습니다.의사 선택기.

Answer 7

일부 경우

enabled 당신이 위에

• 마우스 의미하는 경우 : CSS를 사용하면 현재를 보는 a#id:active{...}
• 을 : CSS를 사용을 a#id:hover{...}
• 마우스을 클릭 링크 내용 : jQue를 사용해야합니다. 링크가 클릭 된 후 클래스를 추가하려면 (if ajax). 또는 어떻게 든 url을 구문 분석하여 링크의 href와 비교하고 클래스를 추가하십시오 (권장하지 않음 .. 서버 측 스크립트 사용 향상).)