我想从 Table 获取行 ID

Question

在我的应用程序中，我已将一些信息加载到 table。

现在我想在用户点击时获取该行的项目 ID。

这里Item.Id是我想得到的，但是这里我没有分配到任何table行。（我认为不需要）。

到目前为止，我还创建了 JavaScript，但我一直在获取 click 事件中的 ID。

你能帮我吗？

到目前为止我是这样做的：

<div class="table-full-width table-responsive">
<table class="table" id="tblParts">
   <tr>
      <th>
         @Html.DisplayNameFor(model => model.First().PartNo)
      </th>
      <th>
         @Html.DisplayNameFor(model => model.First().PartDescription)
      </th>
      <th>
         @Html.DisplayNameFor(model => model.First().PartModel)
      </th>
      <th>
         @Html.DisplayNameFor(model => model.First().AvaQty)
      </th>
      <th>
         @Html.DisplayNameFor(model => model.First().ReOrderQty)
      </th>
      <th>
         @Html.DisplayNameFor(model => model.First().PartCatogary)
      </th>
      <th>
         @Html.DisplayNameFor(model => model.First().LastUpdated)
      </th>
      <th></th>
   </tr>
   @foreach (var item in Model)
   {
   <tr>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.PartNo)
      </td>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.PartDescription)
      </td>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.PartModel)
      </td>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.AvaQty)
      </td>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.ReOrderQty)
      </td>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.PartCatogary)
      </td>
      <td>
         <a href="#">
         @Html.DisplayFor(modelItem => item.LastUpdated)
      </td>
   </tr>
   }
</table>

这是脚本。它在点击时触发，但我想在用户点击特定行时获取项目 ID。

<script type="text/javascript">
   $("#tblParts tr").click(function (event) {
       alert("Row Clicked");
   });
</script>

Answer 1

要从目标获取 ID，您必须在点击代码上执行此操作，如果它有 ID，它将获取它

function(event){  
  alert(event.target.id)
}

Answer 2

其中一个解决方案是：

<script type="text/javascript">
    $("#tblParts tr").click(function (event) {            
            var cell = this.getElementsByTagName("td")[0];
            alert("PartNo: " + cell.innerText);           
        });
</script>

我想从 Table 获取行 ID

I want to get row Id from Table

javascript

c#

asp.net-mvc

razor