jQuery：Image tooptip

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/ - 您會注意到範圍是您正在迭代的項目。