jquery - 禁用单击分钟单元格

Question

见小提琴

我有 html 表格和一个文本框和一个按钮。通过拖动单元格进行单元格选择。单击按钮我得到文本框的值并放入单元格的跨度标记。我必须禁用单击分钟单元格 0、15、30、45。在小提琴中，当我单击分钟单元格时，您会看到它使 css 变为绿色并且 css 长度增加（警报中的那些 chking）。

Answer 1

这是你想要的吗 ？

--已编辑--

现在您只能以直线方式（向上或向下）突出显示。可能有一种更优雅的方式来完成所有这一切，但我认为这会如你所愿

演示：http: //jsfiddle.net/vrW2n/9/

// Add this variable    
var lastRow = 0;

在mousedown()：

    // This line gets the index of the first clicked row.
    lastRow = $(this).closest("tr")[0].rowIndex;

    active = true;
    $(".csstdhighlight").removeClass("csstdhighlight"); // clear previous selection

    //This is the big trick
    $(".temp_selected").removeClass("temp_selected");
...

并在mousemove()：

...
    /* Begin my edit
    Compares the actual 'mousemove' row index
    with the last and next row index
    */
    var thisRow = $(this).closest("tr")[0].rowIndex;

    if( lastRow == thisRow || lastRow == thisRow - 1 || lastRow == thisRow + 1 ){
        lastRow = $(this).closest("tr")[0].rowIndex;
    }else
        return;
    // End my edit
...