Javascript 在没有CSS类的SELECT中删除选项

问题：

我想删除选择框中没有特定CSS类的选项

技能水平

我还在学习jQuery，也许会做很长一段时间

简介：

我有一个选择框：

<select id="MySelect">
    <option class="MyClass" value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
    <option class="MyClass" value="four">four</option>
    <option value="five">five</option>
    <option class="MyClass" value="six">six</option>
    <option value="seven">seven</option>
</select>

和类的选项：

alert('Options with class: ' + $('.MyClass').length);
// I think this will search the entire file for elements with this class. Is this so?

但我不知道如何删除那些没有该类的。我知道有一个非常简单的解决方案，但我想不出一个简洁的方法

谢谢你的帮助。

试试看

$('#MySelect option').not('.MyClass').remove()

您也可以将“not”测试放在选择器中，但这通常比较慢（尽管它可能不会产生实际的区别）：

---

谢谢你快速正确的回答。两种选择都有效。我选择第一个，因为它看起来更符合逻辑。

$('#MySelect option').not('.MyClass').remove()

$('#MySelect option:not(.MyClass)').remove()