javascript - 将 MVC 3 WebGrid 中的选定列数据设置为 Html.HiddenFor 字段

Question

我在局部视图中有一个 MVC 3 WebGrid，并且在我的 AJAX 之前无法从中获取数据。这个想法是我单击一行，从该行中获取第一列数据，然后在我的视图模型中设置该数据。这些行还具有悬停和单击颜色变化的功能。然后用户可以输入更多数据并单击提交，整个模型被发送到控制器。我无法获取要在 Html.HiddenFor 位置设置的选定列数据。需要注意的一些细节是 ConfirmationNumber 应该是一个 int。这是我的代码：

@Html.HiddenFor(m => m.ConfirmationNumber)

    <script type="text/javascript">
        var val;
        $(function () {
            $('tbody tr').live('hover', function () {
                $(this).toggleClass('clickable');
            }).live('click', function () {
                $('#ConfirmationNumber').val($(this).find('td:first').text());
                $(this).toggleClass('selected');
            });
        });
    </script>

另外，我还想做到这一点，以便在选择一排并突出显示时相互排斥。