Create array and output correct values

Question

I'm am dynamically creating elements with class "gmapItems". And I need to export an array of these elements for each.

Any ideas?

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

is there a push for multiple value ? mapMarkers.push(gmapCity, gmapAddress, gmapInfo); — SivaRajini
– SivaRajini, Commented May 16, 2013 at 9:22

Adil Shaikh · Accepted Answer · 2013-05-16 09:32:19Z

1

Try this : You need to use this in $('.googleMapCity',this).val() to get .googleMapCity inside of current .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();
});

edited May 16, 2013 at 9:32

answered May 16, 2013 at 9:26

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kim Over a year ago

Thanks for "this"! "This" made it all!

Collectives™ on Stack Overflow

Create array and output correct values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related