jquery to get html data and store into array

Question

var a = $('.opti').map(function() {
    return $(this).attr('value');
}).toArray();

var b = $('.opti').map(function() {
    return $(this).attr('vid');
}).toArray();


console.log(a, b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" class="opti" value="337" vid="231">

Output

["337"] ["231"]

Question: Above code is return the data in separate array, but what I want is put them into one array, for example it will be one array to store is 2 value, result will be ["337","231"].

What if there are multiple instances of .opti? Do you want to store them in an array of arrays (a 2D array containing elements with pairs of data), or a 1D array? — Terry
– Terry, Commented Aug 9, 2017 at 10:36

Nenad Vracar · Accepted Answer · 2017-08-09 10:46:31Z

2

You can return array of both value and vid property using one map() method.

var attr = $(".opti").map(function() {
  return [$(this).val(), $(this).attr('vid')]
}).get();

console.log(attr)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" class="opti" value="337" vid="231">

To get 2D array for multiple input elements you can return [[$(this).val(), $(this).attr('vid')]] DEMO as suggested by @Terry

edited Aug 9, 2017 at 10:46

answered Aug 9, 2017 at 10:39

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

1 Comment

Terry Over a year ago

If OP wants a 2D array (for situations where multiple elements matches the selector), you should return a nested array: [[$(this).val(), $(this).attr('vid')]]

ihpar · Accepted Answer · 2017-08-09 10:43:45Z

1

Here is a solution for multiple instances of "opti" elements

var result = [];
$(".opti").each(function () {
  result.push([$(this).val(), $(this).attr("vid")]);
});
console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" class="opti" value="337" vid="231">
<input type="hidden" class="opti" value="336" vid="233">
<input type="hidden" class="opti" value="335" vid="232">

answered Aug 9, 2017 at 10:43

ihpar

6764 silver badges15 bronze badges

Comments

Tonny Goncalves · Accepted Answer · 2017-08-09 10:40:48Z

0

Use the .push methon and you can use many arguments, and .apply to pass all the elementos of the second array.

a.push.apply(a, b)

answered Aug 9, 2017 at 10:40

Tonny Goncalves

11 bronze badge

Collectives™ on Stack Overflow

jquery to get html data and store into array

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related