jquery change background image on hover

Question

У меня есть несколько div, которые я хочу создать для css-изображений. Они будут меняться при наведении. Да, я знаю, что я мог бы легко сделать это в css, но это нужно сделать в jquery.

Код:

$(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 как это:

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

Это должно быть так просто, но я не могу заставить его работать.

Помощь была бы очень признательна! ТИА.

Answer 1

Что такое идентификатор?

Это какая-то загадочная переменная, определенная где-то в другом месте, или вы считаете, что идентификатор будет считаться от селектора каким-то магическим способом?

Я предполагаю, что вы хотите использовать каждый() для получения идентификатора.