queryselectorall 여러개 선택할 때 jquery 변환에 대해서

array 데이터 바인딩 쪽 숙제관련한 질문입니다

for (var i = 0; i < j; i++) {
        document.querySelectorAll(".card-body h5")[i].innerHTML =
          products[i].title;
        document.querySelectorAll(".card-body p")[i].innerHTML =
          products[i].price;
      }
잘 작동하는 것을 jQuery로 바꿔보려고 했는데

$(".card-body h5").eq[i].html("products[i].title");
        $(".cardp").eq[i].html("products[i].price");

이렇게 하면 작동이 안되던데 어디를 고쳐야 할까요?