创建数组并输出正确的值

Question

我正在使用类“gmapItems”动态创建元素。我需要为每个元素导出这些元素的数组。

有什么想法吗？

HTML：

<div class="gmapItems">
<input type="text" class="input-medium googleMapCity" value='1'>
<input type="text" class="input-medium googleMapAddress" value='1'>
<textarea class="input-medium googleMapInformation" value='1'></textarea>
</div>

<div class="gmapItems">
<input type="text" class="input-medium googleMapCity" value='2'>
<input type="text" class="input-medium googleMapAddress" value='2'>
<textarea class="input-medium googleMapInformation" value='2'></textarea>
</div>

Jquery的：

    $("#AddGoogleMap").on('click', function () {            
    mapMarkers = new Array();
    $('.gmapItems').each(function(){
    gmapCity = $('.googleMapCity').val();
    gmapAddress = $('.googleMapAddress').val();
    gmapInfo = $('.googleMapInformation').val();  
    mapMarkers.push(gmapCity, gmapAddress, gmapInfo); 
    alert(mapMarkers)
    });

Answer 1

试试这个：您需要使用this中的$('.googleMapCity',this).val()来获取当前.googleMapCity内的.gmapItems

$("#AddGoogleMap").on('click', function () {            
var mapMarkers = $('.gmapItems').map(function(){
       mapMarker = new Array();
       mapMarker.push($('.googleMapCity',this).val());
       mapMarker.push($('.googleMapAddress',this).val());
       mapMarker.push($('.googleMapInformation',this).val());  
       return mapMarker;
    }).get();
});