除了一个选项外，禁用列表框的所有选项

Question

我有一个列表框，其中包含国家/地区列表以及所有国家＆＃39;在顶部。如果选中，我想禁用除第一项以外的所有项目。我无法找到一种方法来启用第一项。我也希望能够再次点击第一个并取消选择 - 有没有办法做到这一点？

 $("#lbCountries").click(function () {
     $("#lbCountires option").each(function (index) {
        if ($(this).is(':selected') && $(this.val() == 'AL') {
            $(this).prop('disabled', false);
         }
         else {
            $(this).prop('disabled', true);
         }
      });
  });

他们都被禁用，包括第一个。如何阻止这种情况发生并再次点击它并反转已完成的工作？

Answer 1

你试过了吗？

$("#lbCountries").click(function () {
     $("#lbCountires option").not(':first-child').each(function (index) {
        $(this).prop('disabled', true);
      });
  });