获取HTML表行位置并在其旁边显示div

我设法显示

，其中包含相关图像到表行，但我希望我的

出现在单击的行旁边，如下所示：

在此示例中，当用户单击第二行时，

就会显示在其旁边。 那么，我如何获得点击行的位置？

我试过这个和这个解决方案，但它们都返回表的位置而不是行的位置。

Answer 1

这是一个让你开始使用jQuery的例子 – http://jsfiddle.net/CtWSf/

 $('td').click(function(e){ var currentPosition = $(this).offset(); $('.results').html(currentPosition.top); }); 

对于这个标记 –

 
 
1
 
2
 
3
 
4
 
5