Question

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

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

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

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

Razor 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，

<强> Live Demo

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

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

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

1 个答案: