Get array from class values

Question

I am trying to get back an array selecting the class value but I only get the last value.

So this:

<input class="test" value="Example 1" />
<input class="test" value="Example 2" />
console.log($(".test").val());

Returns me this

Example 1

How can I get all values of the class? I want to save it in a variable so I can send it with AJAX.

palaѕн · Accepted Answer · 2014-02-21 13:54:37Z

3

You can do this using .map() method like:

var data = $(".test").map(function () {
    return this.value;
}).get();   // ["Example 1", "Example 2"]

answered Feb 21, 2014 at 13:54

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

Comments

pythonian29033 · Accepted Answer · 2014-02-21 13:50:50Z

1

this is because there are many elements that satisfy the selector ".test", so $(".test") returns an array with all instances that have the class "test", so you should probably loop through the array it returns, like this;

$(".test").each(function(){
   console.log($(this).val());
});

answered Feb 21, 2014 at 13:50

pythonian29033

5,2175 gold badges34 silver badges57 bronze badges

Comments

Ronen Cypis · Accepted Answer · 2014-02-21 13:54:20Z

1

var values = [];
$(".test").each(function(){
   values.push($(this).val());
});
console.log(values);

answered Feb 21, 2014 at 13:54

Ronen Cypis

21.5k1 gold badge22 silver badges25 bronze badges

2 Comments

Ronen Cypis Over a year ago

didn't see your answer when i wrote mine... relax. + you didn't fully answer his question, he wanted an array of the values.

pythonian29033 Over a year ago

no problem. . .but I don't see the word array anywhere in his question

lucasnadalutti · Accepted Answer · 2014-02-21 13:50:27Z

0

Be aware that $('.test') already returns an array with all elements in the DOM that have the class test.

So if you need all their values, just iterate over the returned array storing the values into a new array.

answered Feb 21, 2014 at 13:50

lucasnadalutti

5,9882 gold badges30 silver badges49 bronze badges

Comments

Kiran · Accepted Answer · 2014-02-21 13:55:15Z

0

The function $(".test") already returns an array; the array of elements that have class "test". So one option would be to map that array to an array of values. E.g.

var valueArray = $.map($(".test"), function(input, indx) {
    return input.value;
});
for (var i = 0, v; v = valueArray[i]; ++i) {
    console.log(v);
}

You could also iterate with each() and create your own array

answered Feb 21, 2014 at 13:55

Kiran

1,7981 gold badge11 silver badges14 bronze badges

1 Comment

Kiran Over a year ago

Ah, I'm too slow typing :) others already suggested the same :)

iubema · Accepted Answer · 2014-02-21 13:56:05Z

0

Try this code:

var myArray = $('.test').map(function(){
   return $(this).val();
}).get();

You will get the variable myArray as an array of input values, check this out here:

http://jsfiddle.net/CG8kj/

answered Feb 21, 2014 at 13:56

iubema

3492 silver badges12 bronze badges

Comments

A J · Accepted Answer · 2014-02-21 13:59:47Z

0

Try this

var x = $(".test");

this will return the array of elements and then you can process the array to get all values.

  var x = $(".test");
            for (var i = 0; i < x.length; i++) {
                alert(x[i].value);
            }

edited Feb 21, 2014 at 13:59

answered Feb 21, 2014 at 13:53

A J

2,14015 silver badges24 bronze badges

Collectives™ on Stack Overflow

Get array from class values

7 Answers 7

Comments

Comments

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related