forループのMath.random

Question

Math.randomを使用してエイリアンのランダムな位置を選択していますが、ループ内の関数で使用すると、別のposition.soが返されますここに？

for(var i=0;i<5;i++){ 
    createAliens(parseInt(Math.random() * 940 + 1));} 

    var alien; 
    //creating aliens 
    function createAliens(x) { 
     $('body').append('<img class="alien" src="alien.ico" width="70" height="70">'); 
     alien=$('.alien'); 
     alien.css({ 
     position: "absolute", 
     left: x, 
     top:-20 
     }); 
    setInterval(function() { 
     alien.css({ 
     top: "+=10" 
     }); 
     if (alien.position().top > 450) { 
     alien.remove(); 
     } 
    }, 1000) 
    } 

Answer 1

alien.cssを使用してすべてのエイリアンを同じ位置に設定しています。あなたはあなたが同じ位置に `createAliens`関数が呼び出されるたびに` .alien`クラスで**すべての**オブジェクトを設定している。この

$(document).ready(function() { 
    //create aliens 
    for(var i = 0; i < 5; i++) { 
$('body').append('<img class="alien" src="alien.ico" width="70" height="70">'); 
    } 

    //reference here all aliens 
    var alien = $('.alien'); 
    //set initial value, each alien itself 
    $.each(alien, function() { 
    $(this).css({ 
     position: "absolute", 
     left: parseInt(Math.random() * 940 + 1) + 'px', 
     top: -20 
    }); 
    }); 

    //coming down 
    setInterval(function() { 
     alien.css({ 
      top: "+=10" 
     }); 
     if (alien.position().top > 450) { 
      alien.remove(); 
     } 
    }, 1000); 
});