프로젝트 주문을 작성 중입니다. 저는 Foreach 루프를 사용하여 데이터베이스에서 제가 만든 테이블로 데이터를 가져오고 있습니다. 그런데 수량과 단가 데이터를 곱하면 표의 첫 번째 행에 있는 데이터에만 코드가 작동합니다. 들어오는 모든 루프 데이터에 대해 이 코드를 어떻게 수정할 수 있습니까?

쇼핑카트.php:

<양식 작업=""방법="POST">  <머리> 
      <번째>
       제품명
       <번째>
        수량
        <번째>
         단가
         <번째>
          총 가격 <본문> 
  
 
제품 이름 ?>
 
<입력 클래스="w-25 텍스트 중심 수량" 유형="텍스트" 이름="수량[]" 값="0">/td> 

         
<입력 클래스="w-25 text-center totalprice" type="text" name="totalprice[]" value=""disabled="> ;/td>
      
      
   

자바스크립트 코드:

$(document).ready(function() {
    $('.Quantity').keyup(함수() {
    var 수량 = $('.수량').val();
    var 단가 = $('.단가').val();
    var totalprice = $('.totalprice').val();
 
    var 결과 = 수량 * 단가;
      $('.totalprice').val(결과);
    });
  });
});

인쇄: 사진

모든 줄에서 실행되도록 코드를 편집하려면 어떻게 해야 하나요?