JQuery select name array with unknown id

Issue

I have multiple inputs as an array like this:

<input name="data[extras][1][id]" value="1">
<input name="data[extras][1][netto]">
<input name="data[extras][1][tax]">
<input name="data[extras][1][brutto]">

<input name="data[extras][2][id]" value="2">
<input name="data[extras][2][netto]">
<input name="data[extras][2][tax]">
<input name="data[extras][2][brutto]">

i got all extras with:

let extras = $('input[name^=data\\[extras\\]]');

now i would like to iterate through all to create an array out of it but i need for the id for further actions (the 1 or the 2).

i would like to achive something like this:

let id = $('input[name^=data\\[extras\\]\\[UNKNOWN ID\\]\\[id\\]]').val();

i hope anybody can help me.

Greetings

Solution

you can receive all ids in jquery like this

$('document').ready(function(){
  var values = $('input[name$=\\[id\\]]').map(function(){return $(this).val();}).get();
console.log(values); });

Answered By - Shozab javeed