Как я могу ограничить выбор 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

Для этого вы можете выбрать элементы с этими классами и проверить, является ли length этого селектора уже 5, затем не выполнять никаких действий.

Также обратите внимание, что ваш текущий оператор ifможно уменьшить, просто позвонив toggleClass().

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