得到Div编号为单张

Question

我想有一个页面上的多个Mapquest服务单张地图，但在小叶，你必须使用在div给出像这样

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

的ID，然后

创建地图

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

，但我想知道是否有可能获得的ID，如果我有多个DIV这样的：

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

和TH恩我可以叫

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

的原因，我不能只是把IDS对自己是我创建了一个模板，我想这样做，没有硬编码什么...

Answer 1

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

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

<script> 
    $().ready(function() { 
     $(".maps").each(function(){ 
      var mapID = $(this).attr("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/