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

【问题标题】：Getting HTML table row position and showing div next to it获取 HTML 表格行位置并在其旁边显示 div
【发布时间】：2013-01-13 09:09:51
【问题描述】：

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

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

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

【问题讨论】：

请发布您尝试过的代码，而不是代码的链接。这里的问题应该是包罗万象的，而不是仅仅为了弄清楚你在问什么而需要研究。
您是否尝试使用$.offset 或$.position？
你的意思是要获取被点击的行的索引吗？比如“0”或“2”。

标签： javascript jquery html

【解决方案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>

【讨论】：

谢谢，这正是我想要的。