使用 jQuery 工具定义多个 HTML 工具提示的问题

Question

我正在尝试使用 jQuery 工具为表格中的每一行创建一个 HTML 工具提示。我认为这很容易，因为我可以使用这样的语法：

 $("#myTable tr").tooltip({
    tip: "#tooltip" + $(this).attr("id")
  });

不幸的是，这不起作用。谁能告诉我首先为什么它不起作用，其次我如何在不使用 each() 语句的情况下初始化多个 HTML 工具提示？

Check out this fiddle for a full example

Answer 1

首先，当您想手动为多个元素提供单个工具提示时，您应该只使用tip 选项。否则，您应该通过为每个元素添加 title 属性来使用默认工具提示。

其次，它不起作用，因为$(this) 没有引用<tr>，所以.attr("id") 失败。如果你想让它引用<tr>，你必须使用each()。