jquery changer l'image de fond sur hover

Question

J'ai plusieurs divs que je veux générer des images de fond css pour. Ils vont changer en vol stationnaire. Oui, je suis conscient que je pourrais facilement le faire en CSS, mais cela doit être fait en jquery.

code:

$(document).ready(function() { 
    $('.hoverBox').css('background', 'url(img/box' + id + '.jpg)') 
    $('.hoverBox').hover(function(){ 
    $(this).css('background', 'url(img/box' + this.id + '_back.jpg)')      
    }, 
    function(){ 
    $(this).css('background', 'url(img/box' + this.id + '.jpg)')      
    }); 
}); 

HTML est comme ceci:

<div class="hoverBox" id="benefits"> 
content</div> 
<div class="hoverBox" id="installation"> 
content</div> 
<div class="hoverBox" id="shoponline"> 
content</div> 

Cela devrait être si facile, mais je ne peux pas sembler le faire fonctionner.

Une assistance serait grandement appréciée! TIA.

Answer 1

Quel est l'identifiant?

Est-ce une variable mystérieuse définie ailleurs ou pensez-vous que l'identifiant sera lu dans le sélecteur est un moyen magique?

Je suppose que vous voulez utiliser chaque() pour obtenir l'ID.