如何使用jQuery将表格显示为工具提示？

  <!-- 表格内容 -->
</table>

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip:hover::before {
  content: attr(data-tooltip);
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  white-space: nowrap;
  z-index: 1000;
}

$(document).ready(function() {
  $(".data-table td").each(function() {
    var cellText = $(this).text();
    $(this).attr("data-tooltip", cellText);
    $(this).addClass("tooltip");
  });
});