使用jQuery按类名选择“选择框”选项

Question

我有一个选择框如下：

<select id="test">
    <option class="yyy">Val 1</option>
    <option class="zzz">Val 2</option>
    <option class="xxx">Val 3</option>
</select>

我希望选择类zzz的第二个选项，这应该是选项的类名而不是它的值。

这是我的代码（不工作）：

var should_be_selected = 'zzz';
$(#test).children().hasClass(should_be_selected).attr('selected', 'selected');

感谢您的帮助。

Answer 1

使用

var should_be_selected = '.xxx';
$('#test').find(should_be_selected).prop('selected', true)

演示：Fiddle

Answer 2

试试这个

    var should_be_selected = 'zzz';
    $('#test').find('.' + should_be_selected).attr('selected', 'selected');

Answer 3

试试这个：

var should_be_selected = '.zzz';
$(should_be_selected , $("#test")).prop('selected', 'selected');

从字面上看，它意味着“在具有zzz id的元素（在上下文中）查找具有类名test的元素，并将其selected属性设置为selected。”