범위 내의 숫자를 확인하고 값에 따라 색상을 변경하는 방법은 무엇입니까?

debugcn 에 게시 Dev

네오

여기 내가 가진 것입니다. 값을 올바르게 읽지 않습니다.

HTML :

<a class="InterestLink">Click me</a>

<div id="InterestExpander">
            <div id="InterestExpanderX">
                &times;
            </div>

            <br><br>

            General Rating: 
            <span class="RatingGeneralNumber">80%</span>
</div>

CSS :

<a class="InterestLink">Click me</a>

<div id="InterestExpander">
            <div id="InterestExpanderX">
                &times;
            </div>

            <br><br>

            General Rating: 
            <span class="RatingGeneralNumber">80%</span>
</div>

jQuery :

$('.InterestLink').click(function() {
    $('#InterestExpander').fadeIn(450);

    if (parseInt($('.RatingGeneralNumber').val()) > 50 ) {
        $('.RatingGeneralNumber').css({"color":"green"});
    }

}); 



$('#InterestExpanderX').click(function() {
    $('#InterestExpander').fadeOut(250);
});

또한 제가 여기있는 동안 또 다른 질문이 있습니다. 이 사이트에는 여러 영화에 대한 링크가 있습니다. 그들이 영화 링크를 클릭 할 때마다 동일한 div가 팝업되지만 데이터베이스가 말하는 것에 따라 영화에 고유 한 등급이 표시됩니다.

스팬에 영화 등급이 포함 된 것이 "ID"또는 "클래스"유형으로 더 적절할까요, 아니면 둘 다 포함하지 않을까요?

Akshay

사용 text()대신 val스팬 요소 사용text()

    $('.InterestLink').click(function() {
        $('#InterestExpander').fadeIn(450);
        
        if (parseInt($('.RatingGeneralNumber').text()) > 50 ) {
            $('.RatingGeneralNumber').css({"color":"green"});
        }
     
    }); 



    $('#InterestExpanderX').click(function() {
        $('#InterestExpander').fadeOut(250);
    });

.InterestLink {
}

#InterestExpander {
    color:white;
    background-color:#484848;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    width:700px;
    height:480px;
    display:none;
    box-shadow:0px 0px 5px 0px #000000;
}

 
#InterestExpanderX {
    float:right;
    cursor:pointer;
    font-family:Arial;
    font-size:50px;
}


.RatingGeneralNumber{
    display:block;
    font-size:22px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<a class="InterestLink">Click me</a>

<div id="InterestExpander">
            <div id="InterestExpanderX">
                &times;
            </div>
         
            <br><br>
                   
            General Rating: 
            <span class="RatingGeneralNumber">80%</span>
</div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-3

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

범위 내의 숫자를 확인하고 값에 따라 색상을 변경하는 방법은 무엇입니까?

범위 내의 숫자를 확인하고 값에 따라 색상을 변경하는 방법은 무엇입니까?

자바 스크립트를 사용하여 값에 따라 숫자의 색상을 변경하고 반응하는 방법은 무엇입니까?

Int이고 숫자 범위 내에서 입력을 확인하는 방법은 무엇입니까?

변수에 따라 TextView의 (listview 내부) 텍스트 색상을 변경하는 방법은 무엇입니까?

ggplot에서 변수 범위를 나타내는 선의 색상을 변경하는 방법은 무엇입니까?

배열 내의 숫자 범위에 대한 표시 값을 설정하는 방법은 무엇입니까?

사용자 선택에 따라 셀 내부의 버튼 색상을 변경하는 방법은 무엇입니까?

숫자가 예상 범위 내에 있는지 확인하는 방법은 무엇입니까?

사용자 환경 설정에 따라 RelativeLayout 색상을 변경하는 방법은 무엇입니까?

창의 범위가 열 값에 따라 달라지는 창 내부의 평균을 계산하는 방법은 무엇입니까?

사용자에 따라 프롬프트의 색 구성표를 변경하는 방법은 무엇입니까?

조건에 따라 배열에서 숫자의 인덱스 위치를 찾는 방법은 무엇입니까?

MapKit에서 사용자 위치의 풍선 색상을 변경하는 방법은 무엇입니까?

데이터 프레임의 열에있는 숫자에 따라 범주 형 값을 할당하는 방법은 무엇입니까?

입력 필드의 변경에 따라 상태를 업데이트하는 방법은 무엇입니까?

숫자 유형 값이있는 열에 동적 스타일을 적용하는 방법 값 범위에 따라 색상을 적용하고 싶습니다.

숫자 범위와 Elasticsearch에서 문자열 값을 확인하는 방법은 무엇입니까?

숫자 범위의 함수에서 값을 우아하게 할당하는 방법은 무엇입니까?

커서 위치에 따라 프레임의 텍스트를 변경하는 방법은 무엇입니까?

Excel의 수식에 따라 열 범위를 지정하는 방법은 무엇입니까?

R의 조건에 따라 전체 테이블 값의 글꼴 색상을 변경하는 방법은 무엇입니까?

addTextChangedListener에서 확장 가능한 문자열을 사용하여 editText 하위 문자열의 색상을 변경하는 방법은 무엇입니까?

조건에 따라 advanceddatagrid 열 배경의 색상을 지정하는 방법은 무엇입니까?

R Shiny에서 상자의 축소 / 확장 버튼 색상을 변경하는 방법은 무엇입니까?

C ++에서 반환 값을 사용하여 인라인 범위를 만드는 방법은 무엇입니까?

일수에 따라 이미지 색상 및 콘텐츠를 변경하는 방법은 무엇입니까?

값에 따라 페이지의 CSS를 동적으로 변경하는 방법은 무엇입니까?

확률에 따라 숫자를 선택하는 방법은 무엇입니까?

숫자 범위에 따라 Div 클래스를 변경하는 방법

더 큰 범위의 모든 숫자가 더 작은 범위 내에 있는지 확인하는 방법은 무엇입니까?