Выбор ячеек в строке

Question

Я хочу выбрать ячейки в таблице времени, щелкнув и перетащив, в то время как ограничение выбора происходит только в строке (например, строка А), где начинается выбор - ничего не делать, если курсор перемещается из строки A, и как только он вернется в строку A, выберите ячейки между первой ячейкой и текущей ячейкой (включительно).

В настоящее время общий отбор работ (я создал jsfiddle here), но я не могу ограничить выбор в строке, где начинается выбор, я понял, причина в том, что я не могу получить индекс строки и столбца в обработчиках событий, но не может понять, почему:

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

Я нашел пример из here где индекс строки/столбца может быть извлечен в случае зависания, но когда я кладу сценарий в шахту, даже выбор не работает :(

Я новичок в этом материале JavaScript, любая помощь будет оценена.

Answer 1

Если я понял вопрос:

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

использование var $tr; для хранения текущей строки

в .mousedown функции, установленной текущей строки $tr = $(this).parent();

в .mouseove проверки функции делает строки равны:

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

Answer 2

Вам нужно добавить элемент, из которого вы хотите получить индекс.

Эти функции должны возвращать индекс строки и столбца выбранного элемента. Сначала вы находите коллекцию элементов, а в функции индекса вы указываете элемент из коллекции, из которой вы хотите получить индекс.

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