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

我有一个选择框，如下所示：

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

谢谢你的帮助。

试试这个：

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

字面意思是“在具有

test

id的元素的内部（上下文中）查找类名为

zzz

的元素，并将其

selected

属性设置为

selected

”

试试这个

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

使用

---

演示：

@downvoter，为什么是downvote？您知道hasClass返回什么吗？这些选项没有价值？为什么会这样？@ArunPJohny在我的真实场景中确实存在，但出于某些原因，我需要按类选择它们，所以我没有在这里编写它们…@Zenith

如果将类分配给元素，.hasClass（）方法将返回true

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

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