Javascript 在选择菜单中禁用第n个子项

Javascript 在选择菜单中禁用第n个子项,javascript,jquery,css,Javascript,Jquery,Css,我有一个选择菜单: <select class="priority"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <

我有一个选择菜单:

<select class="priority">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
</select>

无论优先级值是多少,单击事件中的所有选择菜单子项都将被禁用,而不仅仅是比优先级值更高的选项。为什么会发生这种情况?

使用大于选择器

替换

$('select').children(':nth-child('> + priority_value + ')').prop('disabled', true);


你能做一把小提琴吗?我在页面上有多个选择。这可能是问题所在吗?是的,会的。将$('select')更改为更具体的类或id选择器。
$('select').children(':nth-child('> + priority_value + ')').prop('disabled', true);
$('select').children(':gt(' + priority_value + ')').prop('disabled', true);