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

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

QA

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

답변 1

본문


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 + '%');

} )

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