Javascript 鼠标悬停时如何获取td、div标签的id

这里我有一个表，每行第一个单元格包含一个Div，可以向右扩展， 这里div位于第一个单元格id（R1Date1）中，当我将其扩展到第二个单元格时，我需要通知第二个单元格id（R1Date2）和div id（Book1） 下面是我尝试过的代码，但它不能正常工作，因为我对Jquery事件不太熟悉

window.console=window.console | |函数（t）{}；
if（document.location.search.match（/type=embed/gi））{
window.parent.postMessage（“resize”、“*”）；
}
window.onload=函数（）{
initDragElement（）；
initResizeElement（）；
};
函数initDrageElement（）{
var pos1=0，
pos2=0，
pos3=0，
pos4=0；
var popups=document.getElementsByClassName（“popup”）；
var-elmnt=null；
var currentZIndex=100；//通过阈值时TODO重置z索引
对于（变量i=0；i
tr{
高度：50px；
}
运输署{
位置：相对位置；
}
.弹出窗口{
z指数：9；
背景色：#f1f1；
边框：1px实心#D3；
文本对齐：居中；
/*最小高度：150px；
最小宽度：300px；
最大高度：300px；
最大宽度：600px*/
}
/*Drgable*/
.弹出窗口{
位置：绝对位置；
/*调整大小：两者；！*启用此选项可调整css大小**/
溢出：自动；
}
.弹出标题{
填充：10px；
光标：移动；
z指数：10；
背景色：#2196f3；
颜色：#fff；
}
.popup-header_编号{
z指数：10；
背景色：#2196f3；
颜色：#fff；
}
/*可调整尺寸*/
.popup.resizer右键{
宽度：5px；
身高：100%；
背景：透明；
位置：绝对位置；
右：0；
底部：0；
光标：e-resize；
}
/*
.popup.resizer底部{
宽度：100%；
高度：5px；
背景：透明；
位置：绝对位置；
右：0；
底部：0；
光标：n-调整大小；
}
.popup.resizer两者都有{
宽度：5px；
高度：5px；
背景：透明；
z指数：10；
位置：绝对位置；
右：0；
底部：0；
光标：nw调整大小；
}*/
/*选鼻器*/
.弹出窗口*{
-webkit触摸标注：无；
/*iOS野生动物园*/
-webkit用户选择：无；
/*狩猎*/
-khtml用户选择：无；
/*Konqueror HTML*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*Internet Explorer/Edge*/
用户选择：无；
/*无前缀版本，当前为
由Chrome和Opera支持*/
}

单击此处移动
单击此处移动
如果我理解
function getAllElementsFromPoint(x, y) {
    var elements = [];
    var visibility = [];
    var item = document.elementFromPoint(x, y);
    while (item && item !== document.body && item !== window && item !== document && item !== document.documentElement) {
        elements.push(item);
        visibility.push(item.style.visibility);
        item.style.visibility = "hidden";
        item = document.elementFromPoint(x, y);
    }
    // restore display property
    for (var i = 0; i < elements.length; i++) {
        elements[i].style.visibility = visibility[i];
    }
    return elements;
}