jQuery：工具提示中的图像

Question

我有产品表。我想要做的是在用户将鼠标悬停在表格行之后，在tooptip中显示产品照片。每行是一个产品。假设我在行编码为行标识符的行中有照片id。

<table>
  <tr id="prod-37">

  </tr>
  <tr id="prod-38">

  </tr>
</table>

我想要知道产品ID的jQuery函数。照片链接是：/ img / products / $ {id} .jpg

Answer 1

您可以使用http://flowplayer.org/tools/tooltip/index.html

有一个图片和工具提示的例子：

http://flowplayer.org/tools/demos/tooltip/any-html.html

Answer 2

我会为每个表行添加一个标记css类。然后你可以做$（“。myMarkerClass”）。每个都把你的悬停放在行上。

http://api.jquery.com/each/ - 您会注意到范围是您要迭代的项目。