javascript - 使用 Razor 和 JS 单击行时获取列数据

Question

我有在 MVC 中使用 Razor 动态构建的表。

我希望能够单击一行并获取让我们说第一列 ID 的值。

现在它正在获取所有列，但我不太了解 Javascript 或它如何与文本一起存储。

无论如何，我正在寻找的是在我单击的行上获得某个列。

剃刀 MVC

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>ID</th> 
    <th>Owner</th> 
</tr> 
</thead> 
<tbody> 
@for(int i=0; i<Model.changes.Count(); i++)
{
<tr> 
    <td>@Model.changes[i].ID</td> 
    <td>@Model.changes[i].Owner</td> 
</tr> 
}
</tbody> 
</table> 

Javascript

<script>

    var table = $("#myTable tr");

    table.click(function () {
        alert($(this).text());
    });

</script>

Answer 1

您可以使用nth-child，

现场演示

var table = $("#myTable tr");

table.click(function () {
    alert($(':nth-child(1)',  this).text());
});​