jquery 특정 단어 일괄 바꾸기

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
jquery 특정 단어 일괄 바꾸기

QA

jquery 특정 단어 일괄 바꾸기

답변 1

본문

안녕하세요.

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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
이전 아이콘
다음 아이콘
전체 0
로딩중
© SIRSOFT
현재 페이지 제일 처음으로