从jQuery中的select元素获取值的选项

Question

我想这样访问select选项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

要使用context参数，请不要调用.children()。

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