javascript - 使用 jquery，如何获取表中选定行中 @Html.Hidden 字段的值？

Question

给定下表，我知道如何获取 first 的值，但是如何使用 jquery 获取 @Html.Hidden("AccountId") 的值？假设已经选择了某行，ala：

<script type="text/javascript>
        $("#tblTaskList").delegate("tr", "click", function () {
            $(this).addClass("selected").siblings().removeClass("selected");            
            var tids = $(this).find('td').first();
        });
</script>

这是表格：

<table id="tblTaskList"> 
    <thead>
        <tr>
            <th>Ticket ID</th>                
        </tr>
    </thead>
    <tbody id="tblBody" class="tblBody">        
        @{for (var ix = 0; ix < Model.Value.Count - 1; ix++)
          { 
            <tr id="@(Model.Value[ix].TicketId)">
                <td style="width: 5%">@Model.Value[ix].TicketId</td>
                @Html.Hidden("AccountId");
            </tr>        
          }}
    </tbody>  
<table>

非常感谢你的帮忙

Answer 1

显然你不希望隐藏的值是 alert()'d，但当时不知道你想用它做什么。这将为您提供 val() 中隐藏字段的值。希望这可以帮助！

<script type="text/javascript>
    $("#tblTaskList").on("click", "tr", function () {
        $(this).addClass("selected").siblings().removeClass("selected");            
        var tids = $(this).find('td').first();
        alert($(this).find('input:hidden').val());
    });
</script>

Answer 2

该@Html.Hidden方法呈现input类型的元素hidden- 您可以使用属性等于选择器：

var hidden = $(this).find('input[type=hidden]').first();

例如：

$("#tblTaskList").delegate("tr", "click", function () {
    var self = $(this);
    self.addClass("selected").siblings().removeClass("selected");            
    var tids = self.find('td').first();
    var hidden = self.find('input[type=hidden]').first();
    ...
});