不更改Jquery中的索引

我用地图创建了一个页面，我需要在地图上粘贴公交站点。 我创建了一个具有X和Y坐标的busA和busB阵列。 但是当我想创建一个带有坐标的“.bus stop”元素（busstop0带有busA0，busB0；busstop1带有busA1，busB1…）时，所有公交车站都有一个默认样式，只有最后一个公交车站有最后一个busA和busB坐标

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'});
    });
});

var-busA，busB，i；
布萨=[150250350]；
总线=[200300400]；
$。每个（总线、功能（索引）{
$（文档）.ready（函数（）{
$（“.scale1”）.prepend（$（''）；
$（“.bus-stop”）.eq（index）.css（{'top'：总线[index]+'px'，'left'：总线[index]+'px'}）；
});
});

使用jQuery创建元素，并在创建过程中添加样式

$(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'
                })
            )
        );
    });
});

$（函数（）{
var busA=[150250350]；
var busB=[200300400]；
$。每个（总线，功能（索引，总线）{
$（“.scale1”）.prepend(
$('', {
“类”：“公共汽车站”，
css:{
位置：'相对'，
顶部：总线+‘px’，
左：总线[索引]+“px”
}
}).附加(
$('',  {
“类”：“停止信息”
})
)
);
});
});

使用jQuery创建元素，并在创建过程中添加样式

$(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'
                })
            )
        );
    });
});

$（函数（）{
var busA=[150250350]；
var busB=[200300400]；
$。每个（总线，功能（索引，总线）{
$（“.scale1”）.prepend(
$('', {
“类”：“公共汽车站”，
css:{
位置：'相对'，
顶部：总线+‘px’，
左：总线[索引]+“px”
}
}).附加(
$('',  {
“类”：“停止信息”
})
)
);
});
});