.each为.hover调用生成正确的类名，但不为.css生成

Question

我正在尝试构建一个为CSS对象执行不透明度淡化的函数（.thumbposition1 - ＆gt; 20）。我正在动态地为背景图像指定与其灰度对应物相同的CSS属性，这些对象正被鼠标覆盖（在滚动条上）。

当我通过名称手动指定每个类时，这很有用，但是当我尝试通过引入.each调用来最小化事物时，会发生以下错误：.hover工作正常并返回被忽略的CSS类，但是当我去的时候要更改（并测试）上层和下层图像的CSS属性，偏移值始终相同（顶部：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();
                });
            });
        });
    });