Quando passo o mouse quero que ele altere a imagem de fundo somente de uma imagem ao inves de todas de uma vez
<img class=" imagem-do-produto" data-hover="https://alfabetoauto.com.br/image/cache/catalog/product-3910/tapete-jeep-cherokee-antigo-borracha-a38983-0-1-2-200x200.jpeg" data-original="https://media-exp1.licdn.com/dms/image/C4D0BAQFx7KxsQwTjWA/company-logo_200_200/0?e=2159024400&v=beta&t=BNjtrANmqyWlKV6klKqhloEXfR8jTAtuzL9Zj0k7854" src="{{ loading }}" >
<img class=" imagem-do-produto" data-hover="https://baixarmusica.me/wp-content/uploads/2020/01/CD-Sertanejo-Antigo-Sele%C3%A7%C3%A3o-As-20-Melhores-200x200.jpg" data-original="https://alfabetoauto.com.br/image/cache/catalog/product-3243/tapete-jeep-cherokee-antigo-luxo-a38985-0-1-2-200x200.jpg" src="{{ loading }}" >
Javascript
$("img").mouseover(function(){
var divs = document.querySelectorAll('.imagem-do-produto'), i;
for (i = 0; i < divs.length; ++i) {
var hover = divs[i].dataset.hover
divs[i].src = hover
var src = divs[i].src
}
}).mouseout(function(){
var divs = document.querySelectorAll('.imagem-do-produto'), i;
for (i = 0; i < divs.length; ++i) {
var hover = divs[i].dataset.original
divs[i].src = hover
var src = divs[i].src
}
})
Sou iniciante e nao tenho minima noção de como fazer isso, poderiam me ajudar?