jquery - jQueryのselect要素から値でオプションを取得する

Question

選択オプションのjQueryオブジェクトにそのようにアクセスしたい：

var $options = $('select').children();
var $someOption = $('[value="some_value"]', $options);
var $anotherOption = $('[value="another_value"]', $options);

しかし、どちらでもないか、の要素のいずれ$someOptionかのように見えます。 $anotherOption$('select')

ワンラインセレクターの作り方は知っていると思いますが、いろいろなオプションにアクセスしているので$options、読みやすさとパフォーマンスのためにハンドルを使いたかったのです。

コードおよび/または理論的根拠の何が問題になっていますか？

Answer 1

jQueryのfilterメソッドを使用する必要があります。

var $options = $('select').children();
var $someOption = $options.filter('[value="some_value"]');
var $anotherOption = $options.filter('[value="another_value"]');

Answer 2

コンテキストパラメータを使用するために、を呼び出さないでください.children()。

var $select = $('select');
var $someOption = $('[value="some_value"]', $select);
var $anotherOption = $('[value="another_value"]', $select);