Javascript 如何编写迭代连续编号选择器的jQuery函数

我正在使用tooltipster插件在地图上显示60多座建筑的名称。每个位置都是一个div，工具提示显示为悬停在相应元素上。我在地图的底部还有一个位置列表。我已经研究出如何让插件在鼠标移动到每个列表项上时启动，并启动相应的工具提示

我想知道的是，如何编写这个函数，这样我就不必写60多次，因为编号不同。这就是我得到的：

$(document).ready(function() {
$('.tooltip').tooltipster();
$('#link-1').mouseover(function() {
$('#apDiv1').tooltipster('show');
$('#link-1').mouseout(function() {
$('#apDiv1').tooltipster('hide');

$('#link-2').mouseover(function() {
$('#apDiv2').tooltipster('show');
$('#link-2').mouseout(function() {
$('#apDiv2').tooltipster('hide');           
});
});
});
});
});

一切都是连续编号的。有什么想法吗？提前感谢您的帮助

添加带有工具提示的div的编码示例：

<div class="number tooltip" title="Message about location 1" id="apDiv1">1</div>

  <div class="number tooltip" title="Message about location 2" id="apDiv2">2</div>

1
2.

指定相同的类名，而不是分配给不同的ID，然后使用工具提示功能进行此操作

$(document).ready(function() {
   $('.tooltip').tooltipster();
   $('.link').mouseover(function() {
   $('.appDiv').tooltipster('show');
   $('.link').mouseout(function() {
   $('.appDiv').tooltipster('hide');
});

---

此外，建议您澄清有关选择器（类、id）等的概念，例如，我不确定您的意思。我理解类和ID之间的区别…如果你把函数链接到一个通用的类名，所有这些div都有，顺便说一句，它们都会同时启动，所以…是的，好的，明白了。在这种情况下，有一些解决方案，比如在触发元素中为分配一个属性，如

数据，读取它并使用它来使用类和属性选择器隔离所需的元素（将函数应用于）。或者使用
$（this）
从触发元素进行一些操作，如
children（）
、
find（）
、
next（）
等。希望您的任务已经完成。当您悬停其中一个列表项时，将立即触发所有60多个工具提示。不，不会。无论如何，如果你面临问题，请使用