jQuery <select>第一个<option>未被禁用

Question

我正在尝试选择一个选项，以便当用户从下拉列表中选择一种产品时，该产品将被禁用，因为对每种产品所采取的操作均不得超过一次。那行得通，但是如果您单击下拉列表，它仍然处于选中状态但已被禁用，并且我想自动选择第一个<option>未禁用的可用项，以便能够选择它，并结束故事；）有什么线索吗？

$('#product_name').find('option:not([disabled]):first-of-type');
$('#product_name').find('option:not([disabled]):first-child');
$('#product_name').find('option:nth-child(1):not([disabled])');

当然我也玩过:not(:disabled)，但是从我在该主题上的测试时间开始，CSS选择器对于未禁用的元素可以正常工作，但是当第二个选择器开始运行时parameter === requisite，那就是“选择第一个符合规则的选择器”，所有内容都会变暗只是不工作。

Answer 1

使用:first选择器：

：first伪类等效于：eq（0）。也可以写成：lt（1）。虽然这仅匹配一个元素，但：first-child可以匹配多个：每个父对象一个。

$('select option:not([disabled]):first').addClass('highlight');

.highlight {
  background: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select>
  <option disabled>Disabled One</option>
  <option disabled>Disabled One</option>
  <option>Enabled One</option>
  <option>Enabled One</option>
  <option selected>Enabled One</option>
  <option disabled>Disabled One</option>
  <option disabled>Disabled One</option>
  <option>Enabled One</option>
</select>