JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
    <button type="button" class="btn btn-info btn-lg questao" data-json="" data-toggle="modal" data-target="#myModal">Open Modal</button><BR/>
  <button type="button" class="btn btn-info btn-lg questao" data-json="" data-toggle="modal" data-target="#myModal">Open Modal</button><BR/>
  <button type="button" class="btn btn-info btn-lg questao" data-json="" data-toggle="modal" data-target="#myModal">Open Modal</button>

   <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <input type="text" data-posicao="" value="">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
</div>

JavaScript

$(document.body).on("click",".questao",function(){
      var thisPosicao = $(".questao").index(this);
      var thisElement = $("#myModal").find(".modal-body").find("input");
      var array = [];
      thisElement.data("posicao",thisPosicao);
      //addTo.val(addTo.data("posicao");

      array.push({
        "posicao": thisElement.data("posicao"),
        "teste": "questao"+thisPosicao
      });

      $(".questao").eq(thisPosicao).data("json", JSON.stringify(array));
      var getJson = $(".questao").eq(thisPosicao).data("json");


      alert(JSON.stringify(getJson));
    });