Dont Index in Jquery ändern

Question

Ich erstelle eine Seite mit Karte, und ich muss Bus Haltestellen auf der Karte einfügen. Ich erstelle ein busA und busB Array mit X und Y Koordinaten. Aber wenn ich ein ".bus-stop" -Element mit Koordinaten erstellen will (busstop0 mit busA0, busB0; busstop1 mit busA1, busB1 ...) haben alle Bushaltestellen eine Voreinstellung, nur die letzte Haltestelle hat eine letzte busA und busB Koordinaten.

var busA, busB, i; 
busA = [150, 250, 350]; 
busB = [200, 300, 400]; 

$.each(busA, function(index){ 
    $(document).ready(function(){ 
     $(".scale1").prepend($('<div class="bus-stop"><div class="stop-info"></div></div>')); 
     $(".bus-stop").eq(index).css({'top': busA[index] + 'px', 'left': busB[index] + 'px'}); 
    }); 
}); 

Answer 1

die Elemente mit jQuery erstellen und die Stile bei der Erstellung

$(function() { 
    var busA = [150, 250, 350]; 
    var busB = [200, 300, 400]; 

    $.each(busA, function(index, bus){ 
     $(".scale1").prepend(
      $('<div />', { 
       'class' : 'bus-stop', 
       css  : { 
        position: 'relative', 
        top : bus + 'px', 
        left : busB[index] + 'px' 
       } 
      }).append(
       $('<div />', { 
        'class' : 'stop-info' 
       }) 
      ) 
     ); 
    }); 
});