jquery - jQuery - 如何在特定表格行中选择一个特定字段？

Question

我想在我的表中的特定行中选择字段 @Html.HiddenFor(modelItem => item.FromUserID)。

我知道我可以通过以下方式在表中选择一行： var tableRow = $("#row-" + contactInfoRequestId);

但是我如何设法选择字段 FromUserID 并获取其内容？

@foreach (var item in Model)
{
<tr id="row-@item.ContactInfoRequestID">
    <td>

            </td>

    <td>
        @Html.HiddenFor(modelItem => item.FromUserID)
            </td>

    <td>

            </td>
</tr>
}

Answer 1

添加一个类：

<td class="fromuserid">
    @Html.HiddenFor(modelItem => item.FromUserID)
</td>

并相应地选择：

var content = $("#row-" + contactInfoRequestId+" .fromuserid").html();

Answer 2

:nth-child如果您想选择第二个td但不想在 HTML 中添加类或 ID，则jQuery非常适合：

 var secondTableCell = $("#row-" + contactInfoRequestId + " td:nth-child(2)");

这将选择您指定的行中的第二个 td。

要获取它的内容，只需使用 jQuery 的.text()方法。

Answer 3

如果您使用的是 HTML 5，则可以使用数据属性而不是隐藏输入。

<td data-fromUserID="@item.FromUserID">

In jquery: 

var fromUserID = $("td").attr("data-fromUserID");