Jquery set Content memanggil value pada class yang sama

Numpang bertanya pada agan skalian sya msih blajar pda jquery/js, sya mau numpang tanya, berikut code nya gan.

<ul>
  <li><span class="data">Data 1</span> <span>xxx</span></li>
  <li><span class="data">Data 2</span> <span>xxx</span></li>
  <li><span class="data">Data 3</span> <span>xxx</span></li>
  <li><span class="data">Data 4</span> <span>xxx</span></li>
  <li><span class="data">Data 5</span> <span>xxx</span></li>
</ul>
<button id="getData"><span class="inData">....</span><span class="numbers">01</span></button>

<script>
   $('#getData').click(function(){
      var text = $('.data').text();
      $('inData').html(text);
   });
</script>

nah disini kasusunya gan klo misalkan si "class="inData" tersebut setelah mengambil value dari "class="data" malah semua value nya keambil :D, klo misalkan pngen satu-satu diambilnya hanya memanggil satu class bisa ngga ya gan?

mhon pencerahannya agan-agan sekalian mhon maaf segala kekurangannya, terimakasih banyak sebelumnya.