Question

我创建了一个包含地图的页面，我需要在地图上粘贴Bus Stops。我创建了一个带有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'});
    });
});

Answer 1

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

不要在Jquery中更改索引

1 个答案: