jquery - 使用 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');

谢谢你的帮助。

score 6 · Accepted Answer

利用

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

score 4 · Accepted Answer

尝试这个

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

score 2 · Accepted Answer

试试这个：

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

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

3 回答 3