Como capturar elementos de tabela td usando o evento mousedown.dragselect?

Eu tenho uma diretiva que renderiza uma tabela HTML onde cadatd elemento tem um ID

O que eu quero realizar é usar omousedown.dragselect/mouseup.dragselect para determinar quais elementos foram selecionados e realce esses elementos selecionados. O que tenho até agora é algo como isto:

var $ele = $(this);
scope.bindMultipleSelection = function() {
  element.bind('mousedown.dragselect', function() {
    $document.bind('mousemove.dragselect', scope.mousemove);
    $document.bind('mouseup.dragselect', scope.mouseup);
  });
};

scope.bindMultipleSelection();

scope.mousemove = function(e) {
  scope.selectElement($(this));
};

scope.mouseup = function(e) {
};

scope.selectElement = function($ele) {
  if (!$ele.hasClass('eng-selected-item'))
    $ele.addClass('eng-selected-item'); //apply selection or de-selection to current element
};

Como posso obter todos ostd elemento selecionado pormousedown.dragselecte conseguir obter os IDs e destacá-los?

questionAnswers(1)

yourAnswerToTheQuestion