Как мне поменять эти значки на Наведите курсор на jQuery?

Question

<div id="compv-navbar">
        <a href="#"><img src="image1.png" id="icon1"></a> | 
        <a href="#"><img src="image2.png" id="icon2"></a> | 
        <a href="#"><img src="image3.png" id="icon3"></a> | 
        <span id="view_name"> 2-up</span>
    </div>

Предположим, что имена новых изображений следуют этой формуле:

name + "-hover". Итак, image1.png = image1-hover.png "

Answer 1

Вы можете сделать это с помощью .hover() и просто сделать .replace() для атрибута src, например:

$("#compv-navbar a img").hover(function() {
  this.src = this.src.replace('.png', '-hover.png');
}, function() {
  this.src = this.src.replace('-hover.png', '.png');
});