如何突出显示那些为了选择目的而执行拖动操作的单元格？

Question

这里我试图按照鼠标拖动操作选择多个单元格，这里可以选择多个单元但是问题很小，意味着假设我在4个单元格上拖动了鼠标然后这些单元格被选中意味着它们被分配了一个类但是当拖动这4个细胞仍然没有释放鼠标，并且再次从这4个拖曳的细胞中取代2个细胞，意味着我已经在4个细胞上拖动鼠标而没有重新定位鼠标我从2个细胞拖回来然后现在应该有2个细胞是选择
这是代码的代码

$(document).ready(function () {
    var isMouseDown = false;
    var lastTr = -1;

    $('body').mousedown(function () {
        isMouseDown = true;
        $('td').removeClass('highlight');
    })
    .mouseup(function () {
        isMouseDown = false;
    });

    $("table td").hover(function () {
        var ctr = $(this).closest('tr').index();
        lastTr = lastTr === -1 ? ctr : lastTr;

        if (isMouseDown)
            if (lastTr != ctr) {
                $('td').removeClass('highlight');
            }
            else {
                $(this).addClass("highlight");              
                var th = $('#example th').eq($(this).index());
                alert(th.text());
            }
        lastTr = $(this).closest('tr').index();
    });


});