How to retrieve value from elements in array using jQuery

Question

I have multiple input fields like so    lt input type  text  name  card    gt   lt input type  text  name  card    gt   lt input type  text  name  card    gt    Users can add or remove these fields as required  therefore the name of the fields is an array   To get length of the array  this works fine   var n      input name    card     length    How can I read value from the array   I ve tried this which didn t work   var n      input name   card     length  var array      input name   card      for i 0 i lt n i       card value   array i  val     alert card value       This didn t work either   var n      input name   card     length   for i 0 i lt n i       card value      input name   card   i        val     alert card value       How can I read value from this array  Help

User · Answer

to read an array  you can also utilize  each  method of jQuery     each    input name   card      function index  val       console log index           val         bonus  you can also read objects through this method   source

User · Answer

You should use   card value   array eq i  val      gets jquery object at index i   or  card value   array i  value    gets dom element at index i

User · Answer

jQuery collections have a built in iterator with  each      input name   card     each function         console log   this  val

User · Answer

Your syntax is incorrect   card value     array i   val    or card value   array i  value   array i  is not a jQuery object  for some reason     Checking your browser s console can be helpful for things like this

User · Answer

You can just loop though the items      input name   card     each function         console log   this  val

User · Answer

Use  http   jsfiddle net xH79d   var n      input name   card     length  var array      input name   card       for i 0  i  lt  n  i             use  eq   within a jQuery object to navigate it by Index     card value   array eq i  attr  name       I m assuming you wanted -name-       otherwise it d be  eq i  val     if you wanted the text value     alert card value

User · Answer

Use map function  var values      input name   card     map function  idx  ele       return   ele  val       get

[jquery] How to retrieve value from elements in array using jQuery?

Examples related to jquery

Examples related to html

Examples related to arrays