How to build a multidimensional array in jQuery

Question

I need to end up with a parent array that has several child arrays to be able to send it in through an ajax post.

My html:

<tr class="row"> <td><input type="text" /></td> <td><input type="date" /></td> <td><input type="number /></td> <td><input type="number /></td> </tr> <tr class="row"> <td><input type="text" /></td> <td><input type="date" /></td> <td><input type="number /></td> <td><input type="number /></td> </tr>

My javascript:

var detail = new Array() $("tr.line").each(function(){ var row = new Array(); $("tr.line input").each(function(){ row.push(this.value); }); detail.push(row); });

But this isn't doing what I need it to do

detail = array( row = array( text: ..., date: ..., number: ..., number: ... ) row = array( text: ..., date: ..., number: ..., number: ... ) )

Can you provide a sample input of what you would like it to look like? I don't see anything wrong with this per se, other than the duplicating keys inside of detail. — Ohgodwhy
– Ohgodwhy, Commented Jan 22, 2017 at 3:23
Ohgodwhy, the sample is just above. It's the last code block in my question. — Jason Ayer
– Jason Ayer, Commented Jan 22, 2017 at 3:25
"tr.line" - well, you don't have any tr with class line - so you wont get much with your code - perhaps you meant "tr.row" — Jaromanda X
– Jaromanda X, Commented Jan 22, 2017 at 3:39
what I need it to do - you need the rows array to be an array of objects, not an array of arrays — Jaromanda X
– Jaromanda X, Commented Jan 22, 2017 at 3:41

tklg · Accepted Answer · 2017-01-22 03:45:59Z

Your result row = Array(text: ...) better fits the key: value pairs of an object.
html:

<tr class="line"> <td><input name="text1" type="text" /></td> <td><input name="date1" type="date" /></td> <td><input name="number1" type="number /></td> <td><input name="number2" type="number /></td> </tr>

js:

var detail = []; $("tr.line").each(function(){ var row = {}; $(this).find('input').each(function(){ row[this.name] = this.value; }); detail.push(row); });

result:

detail = [ { text1: ..., date1: ..., number1: ..., number2: ... } ]

Collectives™ on Stack Overflow

How to build a multidimensional array in jQuery

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related