Javascript 按下编辑按钮后使用Java脚本从HTML表获取单元格数据

我创建了一个HTML表，并用数据库中的值填充。现在我想为这个表创建编辑功能。我在表的每一行添加了编辑按钮。在按下相关的编辑按钮时，我需要知道相应的rowID。我正在使用java脚本获取行的ID，但不幸的是，我只获取了第一行的详细信息。我想我需要放一些循环。我需要这个ID来传递另一个页面，以便它填充相应条目的值，用户可以编辑条目并保存它们

（我在dotnet中开发，但我不想使用任何gridview控件来实现这一点）

请寄给我任何样本代码或解决方案，如果你有

<tr id= "listings">
    <td style="width:16%; vertical-align:top; border-bottom: solid 1px black;" id = "ids">@@P.ID@@</td>
    <td style="width:16%; vertical-align:top; border-bottom: solid 1px black; text-align:right;">@@P.NAME@@</td>
    <td style="width:2%; vertical-align:top; border-bottom: solid 1px black; text-align:right;">&nbsp;&nbsp;</td>
    <td style="width:16%; vertical-align:top; border-bottom: solid 1px black;">@@P.DESCRIPTION@@</td>
    <td style="width:16%; vertical-align:top; border-bottom: solid 1px black;">@@P.DATEAPPROVED@@</td>
    <td style="width:16%; vertical-align:top; border-bottom: solid 1px black; text-align:right;">@@P.TOTALCOST@@</td>
    <td style="width:2%; vertical-align:top; border-bottom: solid 1px black; text-align:right;">&nbsp;</td>
    <td style="width:16%; vertical-align:top; border-bottom: solid 1px black; text-align:right;">
    <button name = "editButton" type = "button" value = "Edit" onclick="test()">
    Edit
    </button>

    </td>

    </tr>

<script type="text/javascript">
    function test() {
        var elTableRow = document.getElementById("listings");
        var elTableCells = elTableRow.getElementsByTagName("td");
        alert(elTableCells[0].innerText);
 }    

</script>

@@P.ID@@
@@P.NAME@@
@@P.说明@@
@@P.批准日期@@
@@P.总成本@@
编辑
功能测试（）{
var elTableRow=document.getElementById（“清单”）；
var elTableCells=elTableRow.getElementsByTagName（“td”）；
警报（elTableCells[0]。innerText）；
}    

您的代码不起作用，因为测试方法的作用是：
-获取id正在列出的第一个元素
-获取列表中标记名为td的所有元素
-显示第一个td的内部文本

您要做的是：
-在click事件中，获取单击按钮的行
-显示行的数据