我想从表中获取行 ID

Posted 2023-04-01

【中文标题】我想从表中获取行 ID

【英文标题】：I want to get row Id from Table

【发布时间】：2022-01-11 02:13:58

【问题描述】：

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

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

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

到目前为止，我还创建了 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>

【参考方案1】：

其中一个解决方案是：

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

【讨论】：

谢谢。这段代码帮助我解决我的问题。做了一些修改，比如我创建了隐藏的 td 并为其分配了行 ID。然后我得到了我想要的数据。

【参考方案2】：

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

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

【讨论】：

它返回空警报。现在我创建了隐藏字段，并将值分配为 id <input type="hidden" name="mainid" data-id="@item.Id" /> 有没有办法获得这个隐藏的 Id ？

表示被点击的元素没有id

我真的不明白你想用这个做什么你能提供更多细节或更好地描述它