Javascript 使用Tween.js将实例引用存储在for循环中

Javascript 使用Tween.js将实例引用存储在for循环中,javascript,jquery,three.js,tween.js,Javascript,Jquery,Three.js,Tween.js,我正在THREE.JS中循环遍历CSS3dobject数组,并希望在Tween.JS onComplete()的上下文中将它们从DOM中删除。但是我如何引用dom实例,以便每个Tween实例都可以告诉dom元素删除它自己呢 for ( var i = 0; i < _tier1Objects.length; i ++ ) { new TWEEN.Tween( _tier1Objects[i].position ) .to( {z: -50}, 1000 )

我正在THREE.JS中循环遍历CSS3dobject数组,并希望在Tween.JS onComplete()的上下文中将它们从DOM中删除。但是我如何引用dom实例,以便每个Tween实例都可以告诉dom元素删除它自己呢

for ( var i = 0; i < _tier1Objects.length; i ++ ) {
    new TWEEN.Tween( _tier1Objects[i].position )
        .to( {z: -50}, 1000 )
        .easing( TWEEN.Easing.Quadratic.Out)
        .onComplete( function() {
            scene.remove( [CSS3DObject instance] ); // REMOVE THE THREE JS OBJ INSTANCE
            $([dom element]).remove(); // REMOVE THE HTML DOM ELEMENT VIA JQUERY
            })
        .start();
}
for(变量i=0;i<\u tier1Objects.length;i++){
新建TWEEN.TWEEN(_tier1Objects[i].position)
.至({z:-50},1000)
.easing(TWEEN.easing.Quadratic.Out)
.onComplete(函数(){
scene.remove([CSS3DObject instance]);//删除三个JS OBJ实例
$([dom元素]).remove();//通过JQUERY删除HTML dom元素
})
.start();
}

也许这里有一个我不知道的最佳实践。请告知。

我找到了这个示例,它使我能够访问对象实例:

function closeTier1Items() {
    for ( var i = 0; i < _tier1Objects.length; i ++ ) {
        new TWEEN.Tween( _tier1Objects[i].position )
            .to( {z: -50}, 1000 )
            .easing( TWEEN.Easing.Quadratic.Out)
            .onComplete(
                function(obj){
                    return function(){
                        scene.remove(obj);
                    }
                }( _tier1Objects[i] )
            )
            .start();
    }
}
函数closeTier1Items(){
对于(变量i=0;i<\u tier1Objects.length;i++){
新建TWEEN.TWEEN(_tier1Objects[i].position)
.至({z:-50},1000)
.easing(TWEEN.easing.Quadratic.Out)
.未完成(
功能(obj){
返回函数(){
场景。移除(obj);
}
}(_tier1对象[i])
)
.start();
}
}
但哎哟,这有点让人想入非非!也许有一种更简单的方法来存储对象实例