jquery 특정 단어 일괄 바꾸기

jquery 특정 단어 일괄 바꾸기

QA

jquery 특정 단어 일괄 바꾸기

본문

안녕하세요.

아래와 같이 반복문이 쭉 있습니다.

var 안에 --dark-purple 이 6개 정도 있는데

클릭하면 --dark-purple => --grey-08로 모두 바꾸고 싶습니다.

감사합니다.

 

// 1장 받기 클릭시
$(document).on('click','.flex.flex-wrap.gap-4.content-start .flex-grow-0.overflow-hidden',function(e){
    var idx                    = $('.flex.flex-wrap.gap-4.content-start .flex-grow-0.overflow-hidden').index(this);
    select_this                = ".flex.flex-wrap.gap-4.content-start .flex-grow-0.overflow-hidden";

 

    //여기에 클릭한곳만 --dark-purple => --grey-08 바꾸기


    $(".w-full.h-full.object-cover.object-top").eq(idx).addClass('grayscale');
}); 

1888014603_1731473694.9856.jpg

이 질문에 댓글 쓰기 :

답변 1

※ Click한 부분에 포함된 dark를 grey로 바꾸는 아레의 코드를 추가해 보세요.


$(select_this).each(function() {
    $(this).removeClass('--dark-purple').addClass('--grey-08');
});

 

  > select_this 변수가 정의된 후 바로 아래에 ~

JS로 Style 변수 자체를 변경하여 보세요~


$(document).on('click', '.flex.flex-wrap.gap-4.content-start .flex-grow-0.overflow-hidden', function(e) {
    var idx = $('.flex.flex-wrap.gap-4.content-start .flex-grow-0.overflow-hidden').index(this);

    $(this).css('--dark-purple', 'var(--grey-08)');

    $(".w-full.h-full.object-cover.object-top").eq(idx).addClass('grayscale');
});

답변을 작성하시기 전에 로그인 해주세요.
전체 126,900 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT