split으로 자른 부분 클래스 넣어주기!

split으로 자른 부분 클래스 넣어주기!

QA

split으로 자른 부분 클래스 넣어주기!

답변 1

본문

3,120원 (10%)

 

이렇게 가격과 퍼센트가 적혀 있는데 '원' 이라는 단어를 기준으로 split를 사용해 (10%)을 따로 분리했씁니다!

분리된 (10%) 여기를 태그로 감싸 클래스를 주어 css를 따로 주고 싶습니다! 어떻게 해야 할까요?

(10%) 여기에만 색을 다르게 주고 싶어요!

 

833294218_1656925269.6728.png

 

var percent = $('#span_mileage_text').text();
    var percent02 = percent.split('원');
    var percent03 = percent02[1];

 

현재 콘솔로 percent03를 찍으면 아래처럼 퍼센트만 나옵니다!

 

833294218_1656925397.7348.png

 

이 질문에 댓글 쓰기 :

답변 1

위 소스를 그대로 사용한다면 

var print_text="<span class=\"클래스명\">"+percent03+"</span>";

이런식으로 해서 

$('#span_mileage_text').html(percent02+"원"+print_text);

해당 부분 바꿔주고 클래스명 넣은것으로 css 설정해 주시면 될것 같네요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #html ×
전체 1,125
© SIRSOFT
현재 페이지 제일 처음으로