javascript - 在没有 CSS 类的 SELECT 中删除 OPTION

Question

问题:

我想删除选择框中没有特定 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 Count: ' + $('#MySelect option').length);

和类的选项:

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

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

感谢所有的帮助。

Answer 1

尝试

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

您也可以将“not”测试放在选择器中，但这通常会更慢(尽管它可能没有实际区别):

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