도와주세용 ㅜㅜ querySelector을 querySelectorAll로 해야하는데 어떻게하는지 도저히 모르겠습니다 ㅜㅜㅜㅜㅜㅜㅜ

Question

소비자가 : 50,000원
판매가 : 35,000원
소비자가 : 50,000원
판매가 : 35,000원
소비자가 : 50,000원
판매가 : 35,000원

이거만 하면 되는데 도저히 All로 바꾸는 방법을 모르겠습니다 ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ 모든 li에서 할인율을 표기하고싶은데 도저히 방법을 모르겠습니다 ㅜㅜㅜ알려주시면 기프티콘이라도 쏘겠습니다 정말요 ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ 제발 한번만 도와주세요 ㅜㅜㅜㅜㅜ

컴포지트 · Answer

먼저 querySelectorAll 로 바꿉니다.그다음, 몇가지 방법을 생각했지만, 쉬운 방법부터 소개하겠습니다.네. querySelectorAll 로 가져오면 배열로 가져오지만, 엄연한 배열은 아닙니다. 그래도 forEach 메소드를 쓸 수 있습니다. 그리고 만약 순서가 본문 HTML처럼 완전히 보장된다는 전제 하에, 이렇게 사용 가능합니다.아, All 추가한 변수는 뒤에 s를 붙이던가 해서 기존 변수 그대로 사용하게끔 예제로 하겠습니다. var originPrices &#61; document.querySelector('.origin_price'); var discountPrices &#61; document.querySelector('.sale_price'); /** * originPrice가 undefined와 Null값이 아닐 경우에만 * 스크립트가 실행되도록 조건 설정 */ originPrices.forEach(function(originPrice, i) { var discountPrice &#61; discountPrices.get(i); if (originPrice !&#61; undefined && originPrice !&#61; null) { // 기존 내용과 동일 } });

전방에힘찬팬더발싸 · Answer

컴포지트 선배님 답변 감사합니다 function discountPercent() { var originPrices &#61; document.querySelector('.origin_price'); var discountPrices &#61; document.querySelector('.sale_price'); /** * originPrice가 undefined와 Null값이 아닐 경우에만 * 스크립트가 실행되도록 조건 설정 */ originPrices.forEach(function(originPrice, i) { var discountPrice &#61; discountPrices.get(i); if (originPrice !&#61; undefined && originPrice !&#61; null) { // 소비자가에서 문자열('원') 삭제 originPrice &#61; originPrice.textContent.replace(/\D&#43;/g, ''); // 판매가에서 문자열('원') 삭제 discountPrice &#61; discountPrice.textContent.replace(/\D&#43;/g, ''); /** * originPrice 가 0원일 경우 '-infinity원'으로 출력되는 문제가 발생 * originprice 가 0이 아닐 경우에만 계산하도록 조건 설정 * */ if (originPrice !&#61; 0) { // 퍼센티지 계산 후 소수점 아래 버림 var salePoint &#61; 100 - (Math.floor(discountPrice / originPrice * 100)); // span 노드 생성 var salePercent &#61; document.createElement('span'); // 생성된 span 노드에 xx% 형식으로 문자열 생성 salePercent.textContent &#61; salePoint &#43; '% 할인'; // sale__percent 클래스 지정 salePercent.classList.add('sale_percent'); // 삽입할 위치 지정 document.querySelector('.price_wrapper li:last-child').append(salePercent); } } }); discountPercent(); 선배님이 말씀해주신대로 해봤는데 할인율 표기가 안나오더라구요.. 제가 뭘 잘못한건가요 ㅜㅜ?

_우리사이 · Answer

예제 만드실때 All 빠트리신거 같아요 var originPrices &#61; document.querySelectorAll('.origin_price'); var discountPrices &#61; document.querySelectorAll('.sale_price');

전방에힘찬팬더발싸 · Answer

_우리사이 function discountPercent() { var originPrices &#61; document.querySelectorAll('.origin_price'); var discountPrices &#61; document.querySelectorAll('.sale_price'); /** * originPrice가 undefined와 Null값이 아닐 경우에만 * 스크립트가 실행되도록 조건 설정 */ originPrices.forEach(function(originPrice, i){ var discountPrice &#61; discountPrices.get(i); if (originPrice !&#61; undefined && originPrice !&#61; null) { // 소비자가에서 문자열('원') 삭제 originPrice &#61; originPrice.textContent.replace(/\D&#43;/g, ''); // 판매가에서 문자열('원') 삭제 discountPrice &#61; discountPrice.textContent.replace(/\D&#43;/g, ''); /** * originPrice 가 0원일 경우 '-infinity원'으로 출력되는 문제가 발생 * originprice 가 0이 아닐 경우에만 계산하도록 조건 설정 * */ if (originPrice !&#61; 0) { // 퍼센티지 계산 후 소수점 아래 버림 var salePoint &#61; 100 - (Math.floor(discountPrice / originPrice * 100)); // span 노드 생성 var salePercent &#61; document.createElement('span'); // 생성된 span 노드에 xx% 형식으로 문자열 생성 salePercent.textContent &#61; salePoint &#43; '% 할인'; // sale__percent 클래스 지정 salePercent.classList.add('sale_percent'); // 삽입할 위치 지정 document.querySelector('.price_wrapper li:last-child').append(salePercent); } } }); } discountPercent(); 답변 감사합니다 ㅜㅜ 근데 제가 괄호를 잘못넣은걸까요..? 여전히 표시가 안되네요.. ㅜㅜ

도와주세용 ㅜㅜ querySelector을 querySelectorAll로 해야하는데 어떻게하는지 도저히 모르겠습니다 ㅜㅜㅜㅜㅜㅜㅜ

4개의 답변

#queryselector 목록