2014-11-18 2 views
1

jquery를 사용하는 경우 Postgres 데이터베이스 테이블에 jquery .prop()를 사용하여 특정 css ID를 변경할 수 있습니까? 그렇다면 어떻게 가능합니까?데이터베이스 값에 따라 Jquery 변경 클래스

예 : table.column이 값 1을 반환하면 첫 번째 그림을 표시합니다. 그렇지 않으면 값 2가 반환되고 두 번째 그림이 표시됩니다.

이미지의 CSS는 다음과 같습니다. jquery는 데이터베이스 값에 따라 이미지를 가져와야합니다.

#pyramid-step-1 { background-image: url('prm1.png'); 
    width: 141px; 
    height: 117px; 
    margin-left: 65px; 
    margin-top: -35px;} 
    #pyramid-step-2 { background-image: url('prm2.png'); 
    width: 151px; 
    height: 155px; 
    margin-top: 3px; 
    margin-left:-38px;} 
    #pyramid-step-3 { background-image: url('prm3.png'); 
    width: 151px; 
    height: 155px; 
    margin-top: 3px; 
    margin-left: 6px;} 

대단히 감사합니다. 당신은 방법을 묻는하지 않은 .__

+2

당신의 대답은 __Yes 인 클래스에 정의하여 이미지를 관리 할 수 ​​있습니다, 그것은 가능하다? 또한 당신의 effor을 보여 – Satpal

+0

감사 Satpal, 자세한 내용과 내 질문을 편집했습니다. – Carbon

+0

아약스를 사용하여 값을 얻고 id를'$ (this) .attr ('id', '# pyramid-step-'+ returnedId);로 붙이겠습니다.하지만 id 대신 클래스를 사용하는 것이 좋습니다. – vaso123

답변

0

당신은

// $foo = 1; your db value 

if($foo == 1){ 
    $("#yourid").removeClass("Your1classname"); 
    $("#yourid").addClass("Your2classname"); 
}else{ 
    $("#yourid").removeClass("Your2classname"); 
    $("#yourid").addClass("Your1classname"); 
} 

같은 조건을 관리해야하고 또한

관련 문제