Get nth key value of input array

Question

If I have multiple html inputs all with an equal amount of array keys, but the keys are unknown, how can I get the value of the 3rd array key?

Example:

HTML

<input name="data[key1][key2][0]" />
<input name="data[key1][key2][1]" /> 
<input name="data[key1][key2][2]" />

What i'm looking for is the value of the 3rd key regardless of [key1][key2]. I need to get the value so I can reset indexes if an input is removed by the user.

So if a user removes the second input, the array is

<input name="data[key1][key2][0]" /> 
<input name="data[key1][key2][2]" />

I'd like to loop through the array and reset the indexes.

Any suggestions?

Mottie · Accepted Answer · 2014-01-22 23:02:26Z

4

If you're just going to reset the index, you don't even need to get that number (demo)

$('input').each(function(i) {
    this.name = this.name.replace(/\[\d+\]$/, '[' + i + ']');
    console.log(this.name);
});

answered Jan 22, 2014 at 23:02

Mottie

86.8k30 gold badges132 silver badges248 bronze badges

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

1 Comment

RobG Over a year ago

+1 for avoiding $(this).attr('name', ...) and using a vastly more efficient alternative that is also less to type. :-)

cookie monster · Accepted Answer · 2014-01-22 22:59:51Z

1

Slice the .name from the last [ to the last character.

this.name.slice(this.name.lastIndexOf("["), -1);

answered Jan 22, 2014 at 22:59

cookie monster

11k4 gold badges34 silver badges45 bronze badges

Collectives™ on Stack Overflow

Get nth key value of input array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related