以表格格式使用Prev和Next

Question

我有一个表，在一列中我有一个链接，另一列我有一个隐藏的输入字段，其中包含从“while”循环中的数据库收集的信息。例如下面：

<table>
<?php
while(........){
  echo "
    <tr>
        <td>
            <a href='#' class='clickme'>View File</a>
        </td>
        <td>
            <input type='hidden' class='myinfo' value='Hello world' />
        </td>
    </tr>
  ";
}
?>
</table>

这是JavaScript：

$(document).ready(function () {
    $('.clickme').on('click', function () {
        var i;
        i = $(this).next('.myinfo').val();

        alert(i);
    });
});

现在上面没有用，所以我尝试了：

$('.clickme').on('click', function () {
  var i;
  i = $(this).next('td .myinfo').val();

  alert(i);
});

我想知道如何从位于其他表格列中的隐藏字段中获取该信息。

更新：

下划线蓝色是单击的链接，而红色是单击链接时我想要显示的另一个单元格中的按钮。

这是实际的java代码：

在上方，您将看到单击链接并且窗口处于焦点时的代码，然后按钮应该出现。

以下是我要找的实际结果： 蓝色是链接，红色是窗口打开后按钮应出现的位置。

Answer 1

您必须先返回到下一个td

i=$(this).closest("td").next('td .myinfo').val();

Answer 2

试试这个

$(this).parent().next('td .myinfo').val();

Answer 3

您可以在“查看文件”链接中添加ID

<table>
<?php
$i = 0;
while(........){
<tr><td>
<a href='#' class='clickme' id="<? echo $i ?>">View File</a>
</td><td>
<input type='hidden' id="myinfo_<? echo $i ?>" class='myinfo' value='Hello world' />
</td></tr>
$i++ // <-- 
}
</table>  


$('.clickme').click(function(){
var id = $(this).attr("id");
alert($('#myinfo_'+id).val());

});