javascript - HTML テーブルの行の位置を取得し、その横に div を表示する

Question

<div>表の行に関連する画像を含むものを表示することができましたが<div>、クリックした行の横に次のように表示したい:

この例では、ユーザーが 2 行目をクリックすると、その<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>