配列hiddenをjQueryかJavascriptで取得したい

Question

###前提・実現したいこと
配列でhiddenにデータを入れるところまではできたのですが、
それを配列で取得する方法がわかりません。

###該当のソースコード

<div class="memberid-saved">
  <input type="hidden" name="member-id[]" value="48">
  <input type="hidden" name="member-id[]" value="49">
  <input type="hidden" name="member-id[]" value="50">
</div>

###試したこと

こんな感じで試しましたが配列に入るデータがvalの値ではないため使えませんでした・・。

var idArry = $(".memberid-saved input:hidden");

恐れ入りますが何卒お知恵を拝借できれば幸いです。もしinput自体の書き方に誤りがありましたらご指摘いただければ幸いです。

Answer 1

querySelectorAll() にしろ、jQuery() にしろ、Array#map や jQuery#map で書き換えればいいのではないでしょうか。

• Array.prototype.map() - JavaScript | MDN
• .map() | jQuery API Documentation

Re: teramasa さん

Comments

[teramasa]

think49さま

ご回答ありがとうございます！早速試してみたいと思います。フロントは弱いのでまだまだわからないことが多いです。

Answer 2

forで回して配列にpushか,mapですかね。

var x = $('[type=hidden]'), len = x.length, arr = [];
for(var i = 0; i < len; i++){
    arr.push(x[i].value);
}
console.log(arr); // [48, 49, 50]

var arr = $('[type=hidden]').map(function(){return this.value;});
console.log(arr[0]); // 48
console.log(arr[1]); // 49
console.log(arr[2]); // 50
console.log(arr[3]); // undefined
/*
{
  0:48,
  1:49,
  2:50,
  length: 3,
  context: '' ,// 中身略
  prevObject: {...略}
}

*/

ただ、mapの場合ArrayではなくObjectになります。

Comments

[teramasa]

Ryoさま

ご回答ありがとうございます！ご丁寧な解説に感謝いたします。