jQuery - Get value of inputs in array

Question

For each input field on the page, that has an ID ending in "_name" and "_value", I've placed in two arrays. And for each of the values of the input (there are equal number of inputs for the nameArr and valArr) in the name array I would like to place before the input of the namrArr as a heading, then hide the input. However, I cannot seem to access to the value of the input once it's placed in an array??

var name = $("[id$=_name]");
var nameArr = $.makeArray(name);
var val = $("[id$=_value]");
var valArr = $.makeArray(val);

for(var i = 0; i < valArr.length; i++){
    $(nameArr[i]).before("<h3>"+nameArr[i].val()+"</h3>");
    $(nameArr[i]).hide();
}

post html or make fiddle

Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar

2013-07-25 10:54:16 +00:00
Commented Jul 25, 2013 at 10:54 — Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar, Commented Jul 25, 2013 at 10:54

emerson.marini · Accepted Answer · 2013-07-25 10:55:47Z

1

You could simplify it, as your jQuery selector is already returning an array:

$("[id$=_name]").each(function (index, item) {
    $(this).before("<h3>" + $(this).val() + "</h3>");
    $(this).hide();
});

answered Jul 25, 2013 at 10:55

emerson.marini

9,3462 gold badges35 silver badges50 bronze badges

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

Comments

Geoff · Accepted Answer · 2013-07-25 10:54:39Z

1

You don't need to make it an array, it already is.

for(var i = 0; i < val.length; i++){
    $(name[i]).before("<h3>"+$(name[i]).val()+"</h3>");
    $(name[i]).hide();
}

answered Jul 25, 2013 at 10:54

Geoff

9,3508 gold badges40 silver badges48 bronze badges

1 Comment

iswinky Over a year ago

Ahh, no array. Even better! Thanks! Although it doesn't allow the "val()" method!

bipen · Accepted Answer · 2013-07-25 10:56:54Z

0

use map()..

  var valuesArray=$("[id$=_name]").map(function(){
      return this.value;
 }).get();

  var namesArray=$("[id$=_value]");


 for(var i = 0; i < namesArray.length; i++){
   $(namesArray[i]).before("<h3>"+valuesArray[i]+"</h3>");
   $(namesArray[i]).hide();
 }

answered Jul 25, 2013 at 10:56

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Collectives™ on Stack Overflow

jQuery - Get value of inputs in array

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related