javascript - 如何限制 jQuery 可选倍数以选择最多 5 个范围？

Question

我的代码允许我选择所有元素，但我最多只需要选择 5 个元素。我该怎么做？

$("#selectable").selectable({
  selected: function(event, ui) {        
    if (!$(ui.selected).hasClass('ui-selected selected-flag')) {
      $(ui.selected).addClass('ui-selected selected-flag');
    } else {
      $(ui.selected).removeClass("ui-selected selected-flag");
    }        
  }    
});

Answer 1

要实现这一点，您可以选择具有这些类的元素并检查该选择器的长度是否已经是5，然后不执行任何操作。

另请注意，您当前的 if 语句可以简化为仅调用 toggleClass()。

$("#selectable").selectable({
  selected: function(event, ui) {  
    if ($('.ui-selected.selected-flag').length < 5) {
      $(ui.selected).toggleClass('ui-selected selected-flag');
    }
  }    
});