데이터바인딩 숙제 관련 질문드립니다.

데이터 바인딩 숙제중에 for 반복문으로 

for (let i = 0; i < 3; i++){
          if(document.querySelectorAll('.card-body')[i].dataset.id = products[i].id){
          $('.card-body p').eq(i).html('가격 : ' + products[i].price)
          $('.card-body h5').eq(i).html(products[i].title)
        }}

이렇게 작성해서 넣었는데 맨 앞에만 값이 입력이 안되더라구요

그래서 콘솔로 다 체크 해보니까 
for (let i = 0; i < 3; i++) 이게 콘솔에서 1,2만 출력이 되더라구요 왜 그런 걸까요