jQuery：尝试在div中设置所有<img/>的动画

Question

遵循文档中的官方jQuery示例：

https://api.jquery.com/animate/

我尝试应用animate()函数的类似用途，但我想从每个图像的当前left属性中减去300个像素，但是。

我尝试了以下内容：

$( ".instagram_grid .first" ).animate({
left: $(this img).left -300 
}

然后使用与示例中完全相同的步骤函数，期望它应用每个图像的相同的相对定义的left属性。

然而，它不是有效的jQuery，或者更确切地说，它实际上没有任何可识别的效果。

这是我的小提琴： https://jsfiddle.net/dueq09r6/5/

Answer 1

为什么不要（未经测试的代码）：

jQuery(function($) {
    $('.instagram_grid .first').each(function() {
         $(this).animate({left: $(this).left - 300}, 1000);
    });
});

Answer 2

一些事情 - 图像的左侧位置像之前提到的那样返回汽车。然后$（这个img）应该是$（this）.find（＆＃39; img＆＃39;）并且它的位置值应该被解析为整数：

https://jsfiddle.net/dueq09r6/8/

$( ".instagram_grid .first" ).animate({
left: parseInt($(this).find('img').css('left'))-300
},