选择一行中的单元格

Question

我想通过单击和拖动来选择时间表中的单元格，同时限制选择仅在选择开始的行（例如A行）上发生-如果光标移出A行并返回到行，则不执行任何操作A，选择第一个单元格和当前单元格（包括）之间的单元格。

目前，一般的选择工作正常（我在这里创建了一个jsfiddle），但是我不能将选择限制在选择开始的行上，我意识到原因是我无法在事件处理程序中获取行和列的索引，但无法弄清楚为什么：

    var isMouseDown = false;
    var row = -1;    // row to start a selection

    $("#our_table td")
        .mousedown(function () {
        isMouseDown = true;

        row = $(this).parent().index();    // doesn't work!!!

        return false; // prevent text selection
    })

我从这里找到了一个示例，其中可以在悬停事件中检索行/列索引，但是当我将脚本放入我的脚本时，即使选择也不起作用:(

我是这个JavaScript知识的新手，将不胜感激。

Answer 1

您需要添加要从中进行索引的元素。

这些函数应返回所选元素的行和列的索引。 首先，找到元素的集合，然后在index函数中从要从中进行索引的集合中指定元素。

var col = $(this).parent().find("td").index($(this));
var row = $(this).parent().parent().find("tr").index($(this).parent());

Answer 2

如果我理解这个问题：

http://jsfiddle.net/ocu36uwk/11/

使用var $tr; 存储当前行

在.mousedown函数中设置当前行$tr = $(this).parent();

在.mouseove函数中检查行是否相等：

if (isMouseDown && ($tr[0] === $(this).parent()[0]))