JQuery select要素からoption要素取得

Question

最近JQueryというものを知って便利だなと感じているのですが、指定したIDのoption要素をすべて取得するにはどうすればよいのでしょうか？
options = $('select[id=test]')

Answer 1

var opts = $('#test option');

Comments

[coko1]

r.fn.init[1]が返却されてその中にoptionが格納されている形になっていました。変数格納のタイミングでr.fn.init[0]を指定して取得はできないでしょうか？

[退会済みユーザー]

説明なしに r.fn.init[1] と言われても意味がわかりません。

[coko1]

上記の記述でオプションは取得できたのですが、配列の「0」番目の中に格納されている状態なのです。なのでそこを取得の段階で工夫できないかなということです。

[退会済みユーザー]

「全て」を取得したいと言うのだから、結果は複数になるのでは？
最終的な目的が見えないので、なんともどんな「工夫」をしたいのかが不明です。

Answer 2

「option要素をすべて取得する」というのは、

• すべてが1つに入ったjQueryオブジェクト
• DOM要素の配列
• option要素が1つずつjQueryオブジェクトになったものの配列

いずれを取得したいのでしょうか。あとの使い方と合わせて教えていただければ幸いです。

（追記）

最終的に「1つずつ関数に渡す」のであれば、$().eachを使えば問題ないです。

$('#test option').each(function(index, element){
  // この関数はoption1つごとに実行される
  // indexに順番が、elementあるいはthisでDOMオブジェクトが取れる
});

Comments

[coko1]

申し訳ありません。詳しい知識がなく実行結果を確認してみたいので三つをの方法を教えていただけないでしょうか？
使い方としては取得したoptionsを関数に渡して一つの要素ごとに処理をしていく形です。

[coko1]

まとまりを関数に渡して関数内でここに処理を行う形です

[maisumakun]

受け取る関数側で、どういう形の「まとまり」が要求されているか次第、ということなので、まずはそちらをご確認ください（もちろん、呼ぶ先の関数を自分で書くなら、どんな形でも設定できますが）。

Answer 3

options = $('select[id=test]').children('option');

で取得できるかと思います。

Comments

[coko1]

r.fn.init[1]が返却されてその中にoptionが格納されている形になっていました。変数格納のタイミングでr.fn.init[0]を指定して取得はできないでしょうか？

[退会済みユーザー]

説明なしに r.fn.init[1] と言われても意味がわかりません。
ごめんなさい。間違ってこちらにコメントしてしまいました。

Answer 4

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function() {
    $('#test option').each(function() {
        console.log($(this).val());
    });
});
</script>
<select id="test">
    <option value="1">val1</option>
    <option value="2">val2</option>
</select>
<select id="notest">
    <option value="a">vala</option>
    <option value="b">valb</option>
</select>