Jquery 在表单中为图像选择正确的CSS元素类/id

我相信这是一个非常简单的问题，但我发现选择一个我需要运行一点动画（）的精确元素很困难

产品图像上的红色标签向左移动到溢出区域并隐藏。但是我可以在hover（）方法中使用的最接近的元素是：

#productList ul.gridStyle li

不理想，因为每个li元素都是整个列表，而不仅仅是图像-这才是理想的。 我也试过这些，但运气不好：

#productList ul.gridStyle li img
.prods .image img
jQuery('#productList ul.gridStyle li').children('img')

因为图像是使用表单生成的，所以我怀疑这提供了一些上下文来解释为什么它不是那么简单

更新：

确定要使用的正确选择器为：

#productList ul.gridStyle li .moredetail img

但在函数中运行该函数不会产生任何效果：

jQuery(document).ready(function() {
    jQuery('#productList ul.gridStyle li .moredetail img').hover(function () { //fired the first time
         jQuery('#red-tag-area img', this).animate({ "left": "-=80px" }, "slow" );
        }, 

        function () { // fired the second time 
                jQuery('#red-tag-area img',this).animate({ "left": "+=80px" }, "slow" );
            });
});

这应该起作用：

jQuery(document).ready(function() {
    jQuery('#productList ul.gridStyle li .moredetail img').hover(function () { 
        jQuery(this).closest("form").siblings("#red-tag-area").find("img").animate({"left": "-=80px" }, "slow" );
    }, 

    function () { 
        jQuery(this).closest("form").siblings("#red-tag-area").find("img").animate({ "left": "+=80px" }, "slow" );
    });
});

---

那么你的目标元素到底是什么呢？页面中的图像。比如，

jQuery（“#productList.gridStyle li.moredeail img”）

？“#productList ul.gridStyle li.moredeail img”应该可以工作。还是没什么，伙计们，这很奇怪，因为放了类似于：jQuery（“#productList.gridStyle li.moredeal img”）.hide（）的东西；在控制台中隐藏图片。效果很好！优秀@DRD