问题:
我想删除选择框中没有特定 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?
但我不确定如何删除那些没有具有该类的内容。我知道有一个非常简单的解决方案,但我无法找出一种简洁的方法。
感谢您的帮助。
最佳答案
尝试
$('#MySelect option').not('.MyClass').remove()
您还可以将“not”测试放在选择器内,但这通常会比较慢(尽管它可能不会产生实际差异):
$('#MySelect option:not(.MyClass)').remove()
关于javascript - 删除没有 CSS 类的 SELECT 中的 OPTION,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18191702/