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

Question

就过滤掉我不想选择的表格单元格而言，我可以选择工作：

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");   
        }    
    });
});