[jQuery] 要素から配列を作成する（.makeArray）

投稿日：2017年6月22日更新日：2018年4月28日

要素から配列を作成するには、makeArrayメソッドを使用します。

サンプルソース

例）全てのdiv要素から配列にする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>サンプル</title>
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function(){
  //div要素から配列にする
  var arr = $.makeArray($('div'));
  console.log(arr);
});
</script>
</head>
<body>
  <div>hoge1</div>
  <div>hoge2</div>
  <div>hoge3</div>
</body>
</html>

<!DOCTYPE html>

<head>

$(function(){

//div要素から配列にする

var arr = $.makeArray($('div'));

console.log(arr);

});

</script>

</head>

<body>

</body>

</html>

（結果）: (3) [div, div, div]

※3つあるdiv要素が配列となっています。

解説

特定の要素をまとめて扱いたい場合に、配列にするととても便利です。

執筆者：とら