Jquery .每个都为.hover调用生成正确的类名，但不为.css生成正确的类名

我正在尝试构建一个函数，该函数对CSS对象进行不透明度淡入。thumbposition1->20。我正在动态地为背景图像指定与其灰度对应的CSS属性相同的CSS属性，该属性将被鼠标移到滚动条上

当我手动按名称指定每个类时，这非常有效，但当我尝试通过引入一个。每次调用来最小化问题时，都会发生不好的事情：。hover工作正常，返回被鼠标悬停的CSS类，但当我更改并测试覆盖和基础图像的CSS属性时，偏移值始终是相同的top:0px，左：200px

我做错了什么？请原谅任何愚蠢的错误/可怕的代码/等等。我是个傻瓜

$(document).ready(function () {
$("img").each(function(i) {
    var i = i + 1;
    var iString = i.toString();
    var currentThumbPositionString_gs = ".thumbpositiongs" + iString;
    var currentThumbPositionString_c = ".thumbposition" + iString;
    var currentThumb_gs = $(currentThumbPositionString_gs);
    var currentThumb_c = $(currentThumbPositionString_c);
    var thumbPos = currentThumb_gs.offset();
    var thumbPos_c = currentThumb_c.offset();
    currentThumb_gs.hover(function() {  
            currentThumb_c.css({
                    left:thumbPos.left,
                    top:thumbPos.top,
                    height:"auto",
                    width:"auto",
                    "z-index":"-1000000",
                    visibility:"visible"});
            currentThumb_gs.stop().animate({"opacity": "0"}, "1500");
            },
            function() {
                    currentThumb_gs.stop().animate({"opacity": "1"}, "1500");
                    currentThumb_c.delay(355).queue( function() {
                    $(currentThumb_c).css({
                    height:"0",
                    width:"0",
                    visibility:"hidden"});
                currentThumb_c.clearQueue();
                });
            });
        });
    });

---

在循环中使用hover很容易出错。因此，如果我按名称选择每个CSS类（即20块类似于此的代码）时它工作正常，这是一件令人讨厌的事情吗？我的意思是，这似乎是我应该能够在30行左右的代码中完成的事情。。。当然，它会选择每个类，因为每个类都是一个循环，但hover是一个事件，而不是dom元素，这就是为什么最终只有一个偏移量值，而不是每个try hover单独使用，它应该可以按照您的需要工作。$'我想我已经吃得太多了。你看，我有一个div滚动条，我希望当你把鼠标移到上面时，每个图像从灰度变为彩色。我的解决方案是根据灰度图像的位置动态分配背景图像，灰度图像随滚动条的变化而变化。因此，前景图像和背景图像之间必须存在一对一的关系。因此，.thumbposition1到.thumbPosition20。使用just.hover，我想我无法单独处理每个图像？