iterate over array if input element with same name, different index, same suffix

Question

I have some input elements with same name and suffix, but those input have a index (an array) like parameterName[index].PropertyName

something like this:

<input type="text" name="stocks[0].Key" value="MSFT" />
<input type="text" name="stocks[1].Key" value="AAPL" />
<input type="text" name="stocks[n].Key" value="ZZZZ" />

How I can iterate over those input elements?

something like

$("#stocks[x].Key").each

Tushar · Accepted Answer · 2015-06-16 14:43:40Z

3

You can use starts with: ^ and ends with: $ in the selector:

$('[name^="stocks["][name$="Key"]').each(function() {
    console.log($(this).val());
});

This will select elements if the name attribute value starts with stocks[ and ends with Key.

Demo: http://jsfiddle.net/tusharj/0wbzud85/2/

Docs: https://api.jquery.com/attribute-equals-selector/

edited Jun 16, 2015 at 14:43

answered Jun 16, 2015 at 14:36

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

1 Comment

FabianSilva Over a year ago

I not mentioned this... but I also have another inputs like <input type="text" name="stocks[0].Other" value="YYYYY" /> that not like to select, sorry for not mention it --> update: I will try it :) thanks you so much

ryog · Accepted Answer · 2015-06-16 15:01:05Z

1

Wrap the input elements in a ul and li, like this:

<ul id="foo">
  <li id="1">
    <input type="text" name="stocks[0].Key" value="MSFT" />
  </li>
  <li id="2">
    <input type="text" name="stocks[1].Key" value="AAPL" />
  </li>
</ul>

Then you can access the input elements as follows:

$('#foo li').each( function() { 
  id = this.id; 
  mytext =  $(this).find('input[type=text]').val();   
});

answered Jun 16, 2015 at 15:01

ryog

1224 bronze badges

1 Comment

FabianSilva Over a year ago

I can't change each input element, but you give a good idea, seems that also it is posible to wrap all input elements in a div and see all childs of this "root" div element...

Collectives™ on Stack Overflow

iterate over array if input element with same name, different index, same suffix

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related