Can I pull different data values with same attribute name, with just one click button?

Question

I want to be able to pull different data values from same attribute name with just one click button. Is this possible with Jquery? So if I click buttom it will show me "01", if I click again it will show me "02" and so on. Here is my code:

<script>
$(document).ready(function(){
   $(".more-info").click(function(){
   var getData = document.getElementsByClassName("showTitle");
   document.getElementById("gridModalLabel").innerHTML =
   $(".showtitle").data('prodname');
});


   });

</script>

 <div class="analytic-product showtitle" data-prodname="01" id="w3s"></div>
 <div class="analytic-product showtitle" data-prodname="02" id="w3s"></div>
 <div class="analytic-product showtitle" data-prodname="03" id="w3s"></div>

 <h4 class="modal-title" data-target="#gridSystemModal" id="gridModalLabel"></h4>
 <button class='btn btn-default btn-lg more-info' data-target='#gridSystemModal' data-toggle='modal' type='button'>Schedule Meeting</button>

Answer 1

I have created the solution using jquery. On each click the data attribute from div is appended to a target div I have created. I have updated the code to deal with undefined.

$(function() {

  var $dataDivs = $('div.analytic-product');
  var $target = $('#target');
  var indexTracker = 0;


  $('.btn.more-info').on('click', function(e) {    
    if (indexTracker < $dataDivs.length)
      $target.append($($dataDivs[indexTracker++]).data('prodname') + "<br>");
  });


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="analytic-product showtitle" data-prodname="01" id="w3s"></div>
<div class="analytic-product showtitle" data-prodname="02" id="w3s"></div>
<div class="analytic-product showtitle" data-prodname="03" id="w3s"></div>
<div id="target"></div>
<h4 class="modal-title" data-target="#gridSystemModal" id="gridModalLabel"></h4>
<button class='btn btn-default btn-lg more-info' data-target='#gridSystemModal' data-toggle='modal' type='button'>Schedule Meeting</button>