fetch input attributes and make a multidimensional array with index in jquery

Question

i have some input fields

<input class="first" type="text" unique="001" value="2" />
<input class="second" id="001" type="text" value="2" />

<input class="first" type="text" unique="002" value="3" />
<input class="second"  id="002" type="text" value="2" />

<input class="first" type="text" unique="003" value="4" />
<input class="second"  id="003" type="text" value="3" />

I want to generate a multidimensional array like this

a={
    {value:2, unique:001, value2:2},
    {value:3, unique:002, value2:2},
    {value:4, unique:003, value2:3},
}

What i tried is

$(".first").each(function() {
  var a={};
  var x=a['value']=$(this).val();  
  var y=a['unique']=$(this).attr('unique');  
  var z=a['value2']=$('#'+y).val();
}) 
console.log(a);

I know it doesnt work. Any ideas to solve it !

Nick · Accepted Answer · 2018-11-25 11:22:58Z

2

You need to declare a as an array outside your .each code, and then push each object into it. Try this:

var a = [];
$(".first").each(function() {
var x=$(this).val();  
var y=$(this).attr('unique');  
var z=$('#'+y).val();
a.push({value: x, unique: y, value2: z});
});
console.log(a);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="first" type="text" unique="001" value="2" />
<input class="second" id="001" type="text" value="2" />

<input class="first" type="text" unique="002" value="3" />
<input class="second"  id="002" type="text" value="2" />

<input class="first" type="text" unique="003" value="4" />
<input class="second"  id="003" type="text" value="3" />

answered Nov 25, 2018 at 11:22

Nick

147k23 gold badges67 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohammad · Accepted Answer · 2018-11-25 11:27:45Z

0

Use .map() instead and in function create object with target structure.

var obj = $(".first").map(function(){
  return {
    'value': this.value, 
    'unique': $(this).attr('unique'),
    'value2': $('#'+$(this).attr('unique')).val()
  }
}).toArray();
console.log(obj);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="first" type="text" unique="001" value="2" />
<input class="second" id="001" type="text" value="2" />

<input class="first" type="text" unique="002" value="3" />
<input class="second"  id="002" type="text" value="2" />

<input class="first" type="text" unique="003" value="4" />
<input class="second"  id="003" type="text" value="3" />

edited Nov 25, 2018 at 11:27

answered Nov 25, 2018 at 11:22

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

Collectives™ on Stack Overflow

fetch input attributes and make a multidimensional array with index in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related