javascript - 更新循环内对象内的变量

Question

将尝试解释该问题，如果没有意义，请抱歉:我试图在循环时更新对象内的变量。尝试将类元素的所有父级作为目标以在scrollmagic 插件上使用。这就是我的代码的样子:

var childElement = $('.child');
var myparents = [];

    var getParent = function () {
        childElement.each(function() {
            var theParent = $(this).closest('.parent');
            myparents.push(theParent);
        });         
    }();    

    for (var i=0; i<childElement.length; i++) {
        // also using the loop to add animation to every element, 
        // that's why the loop through other elements
        new ScrollMagic.Scene({
            // here is where I would need to access each
            triggerElement: myparents[i],
            triggerHook: 'onEnter'
        })
    }

元素已成功添加到数组中，并且可以使用它们，但无法在此scrollmagic(对象？)内访问它们。非常感谢任何提供帮助的人。

Answer 1

您可以轻松地使用较短版本的代码，该版本不易出错，并且更容易“作为独立模块”使用，因为它不会污染范围。

$('.child').each(function(){
    var $child = $(this),
        $parent = $child.closest('.parent');
    $child.data('scrollMagic',new ScrollMagic.Scene({
        triggerElement: $parent[0],
        triggerHook: 'onEnter'
    });
});

当您现在需要访问scrollMagic对象时，当您知道 child 时，您可以访问 $(<childElement>).data('scrollMagic')

但是，如果对象本身在 onEnter 中可用钩子(Hook)取决于scrollMagic如何插件已实现。这与此代码无关。