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

Question

我已经设法显示<div>哪个包含与表格行相关的图像，但我希望我<div>出现在单击的行旁边，如下所示：

在此示例中，当用户单击第二行时，<div>将显示在其旁边。那么，如何获得点击行的位置？

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

Answer 1

这是一个让您开始使用 jQuery 的示例 - http://jsfiddle.net/CtWSf/

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

对于这个标记 -

<table>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
</table>
<div class="results"></div>