javascript - 可选择的限制

Question

我正在尝试添加 6 个可选行的限制，但我无法使其工作。任何帮助！

<script>
$(function() {
  $(".selectable").selectable({
      filter: "td.cs",


      stop: function() {
          var result = $("#select-result").empty();
          var result2 = $("#result2");
          $(".ui-selected", this).each(function() {

              var cabbage = this.id + ', ';
              result.append(cabbage);
          });

          var newInputResult = $('#select-result').text();
          newInputResult = newInputResult.substring(0, newInputResult.length - 1);
          result2.val(newInputResult);
      }
  });
 });​
 </script>

我正在尝试将下面的源代码添加到上面的源代码中

$( "#selectable" ).selectable({
   selecting: function(event, ui) { 
     if ($(".ui-selected, .ui-selecting").length > 4) {
       $(ui.selecting).removeClass("ui-selecting");
     }
   }
});

​</p>

任何人？？谢谢

Answer 1

$("#selectable").selectable({
    filter: 'li:lt(4)',
    selecting: function(event, ui) {
        $('ui.selecting')
        $('.ui-selecting:gt(3)').removeClass("ui-selecting");
    }
});

有关更多信息:lt()，请点击此处

您不会在帖子中提供您的 html 代码。但你可以试试这个：

 filter: "table.selectable > tr > td.cs:lt(4)"

演示