jQuery elementを配列に変換する方法

<a>タグのhrefを調べたい場合

$('a').each(function(){
  console.log($(this).attr('href'));
}

のような感じで使うことが多かったのですが、使いたいプラグインの関係で配列に変換する必要があり、簡単な方法を調べてみました。

ということで、mapmakeArrayを使って次のような感じで配列に変換できるみたいです。

var elems = $('a').map(function(){ return $(this).attr('href'); });
var ar = $.makeArray(elems);

console.log(ar);

実行結果

Array(3) [ "https://example.com/", "https://example.net/", "https://example.org/" ]

リンク

jQuery.makeArray() | jQuery API Documentation
https://api.jquery.com/jquery.makeArray/

.map() | jQuery API Documentation
https://api.jquery.com/map/


jQuery elementをわざわざ配列に変換する機会は多くないと思いますが、必要になったら参考にしてみてください。

関連記事

Scrollorama
スクロールに合わせてアニメーションしてくれるjQuery plugin johnpolacek/scrollorama · GitHubhttps://github.com/johnpolacek/scrollorama demoはこちらです。 scrolloramahttp://johnpolacek.github.io/scrollorama/ ...

jQueryを使わないで要素を取得したりクリックイベントを設定したりする方法
jQueryを使った $('img').click(function(){ var text = $(this).attr('alt'); console.log(text); }); のような事を、jQueryを使わないJavaScriptで実装したいと思って少し調べてみました。 要素の取得 id属性が設定されている要素(例: <div id="examp...

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です