Javascript 在文本上方标记另一个文本

我正在寻找js代码（可能是jquery），当我在另一个文本上鼠标悬停时，它会标记一些文本（它们都有相同的ID）

我有一些网址，我想他们的鼠标会改变表格单元格的颜色

例如：

在url1上鼠标悬停将标记单元格ID 20

在url2上鼠标悬停将标记单元格ID 18

---

感谢更高级的解决方案：

20号牢房
201单元
300号房
301号房
第18单元
181号房


​
函数URLtoCellHighlight（urlID，cellID）{
$（“#”+urlID）。悬停(
函数（）{
$（“#”+cellID）.addClass（“突出显示”）
}，函数（）{
$（“#”+cellID）.removeClass（“突出显示”）
});
}
URLtoCellHighlight（“url1”、“cell20”）；
URLtoCellHighlight（“url2”、“cell18”）；
​
.突出显示{背景色：黄色}
h1{颜色：红色}
​

下面是一个关于跨度的基本示例

TEXT 1
其他文本
​
.突出显示{背景色：黄色}​
$（“#text2”）。悬停(
函数（）{
$（“#text1”）.addClass（“突出显示”）
}，函数（）{
$（“#text1”）.removeClass（“突出显示”）
});​

为要突出显示的文本和触发器文本创建两个不同的id：

<span id="part1_text" class="class">my text</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus risus at est sollicitudin vulputate. Quisque tristique velit nec lorem consequat non placerat nibh iaculis.

<br /><br />

<span id="text">hover me</span>​

---

同一页上不能有多个相同的ID。无论如何，您可以展示您的尝试吗？谢谢，但是如果我有很多URL，那么我需要很多脚本代码。是否可以将URL的ID值发送到脚本？在我的解决方案中，您必须调用此函数来匹配URL到表单元格<代码>URLtoCellHighlight（“url1”、“cell20”）如果确实要保存键入，请使用进行关联的对象并调用对象元素上的函数。很好，luckOK，谢谢，很好，但是我们不能使用“URLtoCellHighlight”（“url1”，“cell20”）；”部分吗？只要检查一下单元格id和url id是否相同？如果我知道我不会要求它：）谢谢，但是如果我有很多url，那么我需要很多脚本代码，是否可以将url的id值发送到脚本？

<span id="text1">TEXT 1</span>
<span id="text2">Other Text</span>
​
.highlight { background-color: yellow }​

$("#text2").hover(
function() {
    $("#text1").addClass("highlight")
}, function() {
    $("#text1").removeClass("highlight")
});​

<span id="part1_text" class="class">my text</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus risus at est sollicitudin vulputate. Quisque tristique velit nec lorem consequat non placerat nibh iaculis.

<br /><br />

<span id="text">hover me</span>​

$('#text').on('hover', function(){
    var nextId = '#part1_'+$(this).attr('id');
    $(nextId).toggleClass('class2');
});
​