JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

<div>
 <span>
   <input type="text" id="item1" value="AA"/>
 </span>
</div>

<div>
 <span>
   <input type="text" id="item2" value="BB"/>
 </span>
</div>

<div>
 <span>
   <input type="text" id="item3" value="CC"/>
 </span>
</div>

</div>

JavaScript

var ids = [];
var values = [];

$("input").each(function(){
   var input = $(this);
   var value = input.val();
   var id = input.attr("id").replace("item", "");

   ids.push(id);
   values.push(value);
});

alert(ids);
alert(values);