[javascript]JQueryで一覧内の特定のボタンを押した際に行を把握する。

JQueryにて一覧内の特定のボタンを押した際に行を把握します。

①HTML側は以下のようにボタンを配置します。
--------------------------------------------

<table>

 …

<tr>
<td>
　<button id="btnJump_0">詳細</button>
</td>
<td>
  <input id="KEYNO_0" type="hidden" value="111" />
</td>
<td>
  １行目です。
</td>
</tr>

 …

</table>

--------------------------------------------


②Javascriptは以下の様に書けばOK。
【^】は前方一致で探す、というJQuery上の意味なので
ここを後方一致などに変更して使用してもOKですし
連番を振っていなくても動くと思います。
---------------------------------------------
//ボタンを押された時
    $(document).ready(function () {
        $("[id^='btnJump']").click(function () {

            //ここでボタンを押された行が把握できます。
            var row = $(this).parent().parent();
 
            //以降はこれを用いてそれぞれの値をゲットしたりできます。
            var KEYNO = row.find($("[id^='KEYNO']")).val();
            alert("押された行のキーNOは" +　KEYNO + "です");
        });
    });
---------------------------------------------