Javascript 如何在Jquery中将多个select重置为其第一个值

我有一个包含选项的select，我希望能够在单击时将每个select重新指定为其第一个值

$（'.reset'）。在（'click'，function（）上{
$（'food option:first'）.prop（'selected'，true）；
})

选择食物
米饭
加里
重置选择
选择食物
豆
梨
重置选择

重置逻辑正确。您遇到的问题是，您只需要在与单击按钮相同的容器中找到与

选择相关的
选项
。要实现这一点，您可以使用
closest（）
和
find（）
，如下所示：


$（'.reset'）。在（'click'，function（）上{
$（this）.closest（'.box'）.find（'.food option:first'）.prop（'selected'，true）；
})

选择食物
米饭
加里
重置选择
选择食物
豆
梨
重置选择