Question

我想在一个页面上有多个mapquest传单地图，但是在传单中你必须使用div中给出的id创建一个地图，如此

     <div  style="color:black ;" id="map"></div>

然后

      plugin.Map =  new L.Map('map', {//<the id is used here
                layers : [mapLayer],
                center: new L.LatLng(39.828127,-98.579404),
                boxZoom: true,
                zoom: 5
            });

但是我想知道如果我有多个div就可以获得id：

    <div  style="color:black; " id="map"></div>
    <div  style="color:black ;" id="map2"></div>

然后我可以打电话

   L.Map('map'...//where this is a possible array or something...

我不能把ID放在自己身上的原因是我创建了一个模板，我想在没有硬编码的情况下这样做...

Answer 1

给他们类名class="maps"，然后使用jquery

<div  style="color:black" data-id="map1" class="maps"></div>
<div  style="color:black" data-id="map2" class="maps"></div>
<div  style="color:black" data-id="map3" class="maps"></div>
<div  style="color:black" data-id="map4" class="maps"></div>

<script>
    $().ready(function() {
        $(".maps").each(function(){
            var mapID = $(this).data('id');

            // do something

             plugin.Map = new L.Map(mapID, {//<the id is used here
                 layers : [mapLayer],
                 center: new L.LatLng(39.828127,-98.579404),
                 boxZoom: true,
                 zoom: 5
             });
        });
    );
</script>

一些资源：

jquery get all form elements: input, textarea & select

http://api.jquery.com/jquery.each/

获取传单的Div Ids

1 个答案: