使用jquery工具提示加载相同的数据

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/jquery-tooltip-plugin.js"></script>

<div id="data-container">
  <!-- 数据展示的容器 -->
</div>

$(document).ready(function() {
  $.ajax({
    url: "path/to/data", // 后端数据接口地址
    method: "GET",
    success: function(response) {
      // 数据加载成功后的处理
      var data = response.data; // 假设数据为数组形式
      var container = $("#data-container");

      // 填充数据到HTML结构
      for (var i = 0; i < data.length; i++) {
        var item = data[i];
        var listItem = $("<div>").text(item.name);
        container.append(listItem);
      }

      // 绑定工具提示
      container.find("div").tooltip({
        content: function() {
          return $(this).text(); // 工具提示内容为元素的文本
        }
      });
    },
    error: function() {
      // 数据加载失败后的处理
    }
  });
});

.ui-tooltip {
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #ccc;
}