Jquery UI - 可选 - 如何选择连续的表格单元格？

Question

我得到Selectable可以过滤掉我不想选择的表格单元格：

http://jsfiddle.net/2F55j/5/

 $(function() {
   $( "table tr" ).selectable(
     {filter: ":not(.belegt)"}
   );
});

现在我想只选择彼此相邻的单元格，形成一条连续的线条。因此，当中间存在过滤掉的单元格时，无法选择后面的单元格。

在旁注中：当我在第1行中选择单元格，然后在第2行中选择某些单元格时，第1行中选定的单元格不会被删除。如何使其工作？

你能帮帮我吗？ 我现在已经在这几个小时，它不会工作。 在此先感谢：）

Answer 1

$(function() {
    $( "table tr" ).selectable({
        filter: "td",
        start: function(event, ui){
            $("td.ui-selected").removeClass("ui-selected");    
        },
        stop: function(event, ui){
            var selected = $("td.ui-selected");
            if(selected.hasClass("belegt"))
                selected.removeClass("ui-selected");   
        }    
    });
});