Javascript 如何将悬停链接动态表数据与地图区域一起使用？

目前，我面临着一个悬停链接动态数据表的问题，该数据表的地图区域显示在网站上

我用于表格的脚本如下所示：

$(function () {
    $("[id*=buildingView] td").hover(function () {
        $("td", $(this).closest("tr")).addClass("hover_row");
    }, function () {
        $("td", $(this).closest("tr")).removeClass("hover_row");
    });
});

<img src="images/classroom.png" usemap="#A1floor" style="max-width:100%; display:block;height:auto" >
<map id="image_map" name="A1floor">
    <area href="#" state="room101" shape="rect"  coords="72, 52, 258, 130">

对于楼层图像，如下所示：

$(function () {
    $("[id*=buildingView] td").hover(function () {
        $("td", $(this).closest("tr")).addClass("hover_row");
    }, function () {
        $("td", $(this).closest("tr")).removeClass("hover_row");
    });
});

<img src="images/classroom.png" usemap="#A1floor" style="max-width:100%; display:block;height:auto" >
<map id="image_map" name="A1floor">
    <area href="#" state="room101" shape="rect"  coords="72, 52, 258, 130">

---

我使用悬停让动态表在背景上显示悬停，问题是我不知道如何使用悬停将地板图像与表链接。如何使用鼠标悬停使表格和地图同步？

您想实现什么。请编辑您的问题。如果可能的话，试着摆弄一下。我只想在光标移动到动态表行的同时使光标悬停，例如：ClassroomID Student C101 john image楼层地图示例| 1 | 2 | 3 |作为图像中的位置| 1 |[coords=“72，52，258，130”| 2 |[coords=“72，138，259，218”]3 |[coords]=“71317259395”]1.）你的悬停是什么意思？-当你将鼠标悬停在该行上时，是否要更改该行的背景色？2.）此动态表是什么。它来自何处，以及它与图像的关系。请竖起小提琴！！地板图像与设置为coords=“72，52，258，130”的位置固定“动态表格在获取xml文件时发生更改，当用户将光标拖动到表格教室的第1行时，它与图像相关。它将高亮显示第1行，教室的位置为。”。对不起，如果我描述得不好，请原谅，谢谢。问题是解决了，谢谢。