jQuery - 如何选择特定表行中的一个特定字段?

时间:2012-05-03 11:49:15

标签: jquery asp.net-mvc

我想在我的表格中的特定行中选择字段@ 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>
}

3 个答案:

答案 0 :(得分:2)

添加一个类:

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

并相应地选择:

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

答案 1 :(得分:1)

如果你想选择第二个td但是不想在你的HTML中添加类或ID,jQuery的:nth-child非常适合这个:

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

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

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

答案 2 :(得分:1)

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

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

In jquery: 

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