자바스크립트 제이쿼리로 바꾸는 질문입니다!! 고수님들!!

자바스크립트 제이쿼리로 바꾸는 질문입니다!! 고수님들!!

QA

자바스크립트 제이쿼리로 바꾸는 질문입니다!! 고수님들!!

본문


let progress_bar = document.getElementsByClassName("progress-wrap-similarity");
for (let i = 0; i < progress_bar.length; i++) {
let nodeItem = progress_bar.item(i);
let progressPercent = nodeItem.dataset.progressPercent / 100;
let maxWidth = nodeItem.offsetWidth;
 
let percentage = progressPercent * maxWidth;
nodeItem.getElementsByClassName("progress-bar-similarity")[0].style.width = percentage + "%";
}

 

 

이 코드 제이쿼리로 변환하면 어떻게 짜면 될지 아시는 고수님 계실까요??ㅜㅜ 제가 자바스크립트는 코드를 잘 이해를 못하겠습니다ㅜㅜ

이 질문에 댓글 쓰기 :

답변 1

$('.progress-wrap-similarity').each(function() {

  let progressPercent = $(this).data('progressPercent') / 100;

  let maxWidth = $(this).offset().width;

  let percentage = progressPercent * maxWidth;

  $(this).find('.progress-bar-similarity').width(percentage + '%');

} )

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

회원로그인

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