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

Question

我有一个选择菜单：

<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>

我正在使用以下代码来禁用输入：

$('[id^=yellow_]').on('click', function () {
            var priority_value =$("input:checkbox[id^='yellow_box_']:checked").length;
            $('select').children(':nth-child('> + priority_value + ')').prop('disabled', true);
        });

无论priority_value如何，所有选择菜单子项都会在click事件上被禁用，而不仅仅是选项grater而不是priority_value。为什么会这样？

Answer 1

使用大于选择器

替换

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

使用

$('select').children(':gt(' + priority_value + ')').prop('disabled', true);