这里不需要jQuery;简单的路径查询就足够了：

console.log(document.querySelector('#foo option:not([disabled])'))

<select id="foo">
    <option disabled>Value 1</option>
    <option disabled>Value 2</option>
    <option>Value 3</option>
</select>

现在是2023年，你肯定不需要jQuery。
使用元素属性而不是动态操作属性。这似乎让Safari很满意。

const allowed = new Set(["300x300", "400x400"]);

const options = Array.from(document.querySelectorAll("option"));

document.querySelector("button").addEventListener("click", (e) => {
  options.forEach((option) => {
    option.disabled = !allowed.has(option.value);
  });
  const lastEnabled = options.findLast(({ disabled }) => !disabled);
  if (lastEnabled) {
    lastEnabled.selected = true;
  }
});

<select>
    <option>100x100</option>
    <option>200x200</option>
    <option>300x300</option>
    <option>400x400</option>
    <option>500x500</option>
</select>

<button type="button">Select only the 300x300 and 400x400</button>

• jQuery答案 *...

一个二个一个一个