jquery - 使用 jquery 在多组下拉列表中选择第一个选项

Question

我的下拉菜单与此非常相似:

<select id='someSelect'>
    <option value="0">---select one---</option>
    <optgroup label="Bikes">
        <option value="B-4">Hayabusa</option>
        <option value="B-2">GSXR</option>
        <option value="B-3">Ninja</option>
        <option value="B-6">Enticer</option>
    </optgroup>
    <optgroup label="Cars"> 
        <option value="C-4">Audi TT</option>
        <option value="C-2">Awesome Car</option>
        <option value="C-23">Japanese car</option>
        <option value="C-9">German car</option>
    </optgroup>
</select>

我只想选择第一组的第一个元素(此处是自行车)。我该如何在 jQuery 中进行操作？

目前，我尝试了以下方法:

$('#someSelect option:nth-child(1)').attr("selected", "selected");

但是，问题是，因为有三个第一个元素(--select--、Hayabusa和Audi TT )它选择了所有三个，最终选择了Audi TT

我尝试用 each 做一些事情并只选择第二个，但后来我意识到下拉列表是动态的，我不想选择默认的一个(即 --选择一个--)但是第一组的第一个元素

我试图模拟一个 jsfiddle，但它搞砸了并且无法工作，不知道为什么:-/
you can see it here

Answer 1

Here是一个示例，这是我使用的选择器:

$("#someSelect optgroup option:first").attr("selected", "selected");

如您所见，我通过查看 optgroup 元素内部使用了第一个选项。