我有html表和一个文本框和一个button.make单元格选择通过拖动单元格。单击按钮我得到文本框的值,并放入单元格的span标签。我不得不点击分钟小区0,15,30,45。在小提琴中你看到当我点击分钟单元格然后它使css变为绿色并且css长度增加(那些在警报中chking)。
答案 0 :(得分:1)
这是你想要的吗?
<强> - 编辑 - 强>
现在你只能以直线方式(向上或向下)突出显示。 可能有更优雅的方式来做所有这些,但我认为这将按你的意愿工作
DEMO: 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
...