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

这里我试图按照鼠标拖动操作选择多个单元格，这里可以选择多个单元格但是问题很小，意味着假设我在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(); }); });