如何在jQuery中找到具有相同tr ID的td值

Question

我有一个 HTML 表格，其中包含这样的 foreach 循环：

@foreach (var item in Model) {
        <tr id="tr1" class="text-center" onClick="HighLightTR(this, '7ED1E6', 'cc3333');" >
            <td>
                @Html.DisplayFor(modelItem => item.StartDate)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.InternalMedicineCode)
            </td>
            <td class="text-center">
                @Html.DisplayFor(modelItem => item.Tbl_InternalMedicine.InternalMedicineName)
            </td>
            <td id="td2">
                @Html.DisplayFor(modelItem => item.Dose)
            </td>
            <td class="hidden" id="td1">
                @Html.DisplayFor(modelItem=>item.IdTherapyRegistration)
            </td>

当我点击一行时，我想提醒隐藏单元格的值，它的 id 是td1。我不知道如何用 jQuery 做到这一点。我的jQuery函数代码是：

$(document).ready(function () {

        $("#myTable").on('click', 'tr', function () {
            var currentRow = $(this).closest("tr");

            var col1 = currentRow.find("td:eq(4)").text();
            alert(col1);
        });
    });

但我无法获取此 ID。

Answer 1

如果您能够在您的tr 上使用class 而不是id，这就是解决方案。

首先，替换这个：

<tr id="tr1" class="text-center" onClick="HighLightTR(this, '7ED1E6', 'cc3333');" >

通过这个：

<tr class="text-center tr-clickable" onClick="HighLightTR(this, '7ED1E6', 'cc3333');" >

然后，像这样更新你的 jQuery 函数：

$(document).ready(function () {

  $(".tr-clickable").on("click", function() {
    var currentRow = $(this);
    var col1 = currentRow.find("td:eq(4)").text();
    
    alert(col1);
  })
  
});

Answer 2

您应该在 td 而不是 tr 上定义事件。

$(document).ready(function () {

        $("#myTable tr").(function (){
            var currentRow = $(this);

            var col1 = currentRow.find("td:eq(4)").text();
            alert(col1);
        });
    });