jQuery悬停菜单链接项和更改图像

Question

我有用于my site 的this jQuery 函数。但我找不到最后一步的解决方案。

查看菜单的 CSS 结构。使用插件（Magento 管理员），您可以构建菜单。我可以给<div class="grid-column grid-column3 links1 "> 提供一个 CSS 类（links1、links2、links3 等），以将菜单项拆分为不同的列。我用 jQuery.each 更改了脚本，例如：

var linkIDX = $(this).index() + $(this).parent().parent().attr("class").each(function(id,val){});

使用 CSS 类（links1、links2、links3 等）访问 <div>。

我的问题：我必须在 CSS 中更改哪些内容才能更改图像？现在我有第一个链接：

.imageChange0 {
 content:url("http://www.belmondo.nl/media/catalog/product/cache/1/cover_image/190x190/9df78eab33525d08d6e5fb8d27136e95/babyboekcover_262px_262px_2.png") !important; 
}

非常感谢！

Answer 1

应该可以通过 jQuery 更改图像

$(yourImageSelector).attr('src', newImagePath);

有什么原因，为什么要通过 CSS 更改它？只是问，因为我以前从未见过它:)